← All changes | asset/css/admin.css +146 -2 3.4.2 → 3.5.4 View file →

		@@ -90,11 +90,12 @@
90	90	justify-content: flex-end;
91	91	align-items: center;
92	92	flex-grow: 1;
93	93	padding-left: 10px;
	94	+ gap: 10px;
94	95	}
95	96	.wpsc-setting-card span.title {
96		- font-size: 15px;
	97	+ font-size: 14px;
97	98	font-weight: 600;
98	99	}
99	100	.wpsc-setting-card span.card-subtitle {
100	101	font-size: 12px;
		@@ -116,8 +117,18 @@
116	117	.wpsc-setting-card img {
117	118	border-radius: 5px;
118	119	margin-right: 5px;
119	120	}
	121	+table.wpsc-setting-tbl td.sort-handle {
	122	+ width: 30px;
	123	+ max-width: 30px;
	124	+ text-align: center;
	125	+ cursor: move;
	126	+}
	127	+table.wpsc-setting-tbl td.sort-handle svg {
	128	+ width: 11px;
	129	+ color: #c3c3c3;
	130	+}
120	131	.wpsc-setting-card .title-container {
121	132	height: 100%;
122	133	display: flex;
123	134	flex-direction: column;
		@@ -127,8 +138,69 @@
127	138	.wpsc-setting-card .title-container span.title {
128	139	margin-bottom: 2px;
129	140	}
130	141
	142	+/* Dashboard cards enable/disable toggle switch (scoped/unique names to avoid
	143	+ colliding with the Productivity Suite add-on's own .wpsc-toggle-switch/.wpsc-slider) */
	144	+.wpsc-dbc-toggle-switch {
	145	+ display: inline-block;
	146	+ position: relative;
	147	+ width: 32px;
	148	+ height: 16px;
	149	+ flex: none;
	150	+}
	151	+.wpsc-dbc-toggle-switch input {
	152	+ display: none;
	153	+}
	154	+.wpsc-dbc-toggle-switch .wpsc-dbc-slider {
	155	+ position: absolute;
	156	+ cursor: pointer;
	157	+ top: 0;
	158	+ left: 0;
	159	+ right: 0;
	160	+ bottom: 0;
	161	+ background-color: #ccc;
	162	+ border-radius: 16px;
	163	+ transition: 0.2s;
	164	+}
	165	+.wpsc-dbc-toggle-switch .wpsc-dbc-slider:before {
	166	+ position: absolute;
	167	+ content: "";
	168	+ height: 14px;
	169	+ width: 14px;
	170	+ left: 1px;
	171	+ top: 1px;
	172	+ background-color: #fff;
	173	+ border-radius: 50%;
	174	+ transition: 0.2s;
	175	+}
	176	+.wpsc-dbc-toggle-switch input:checked + .wpsc-dbc-slider {
	177	+ background-color: #2271b1;
	178	+}
	179	+.wpsc-dbc-toggle-switch input:checked + .wpsc-dbc-slider:before {
	180	+ transform: translateX(16px);
	181	+}
	182	+
	183	+/* Setting cards enable all / disable all switcher */
	184	+.wpsc-setting-cards-toggle-all {
	185	+ width: 100%;
	186	+ display: flex;
	187	+ align-items: center;
	188	+ justify-content: flex-end;
	189	+ gap: 10px;
	190	+ margin-bottom: 15px;
	191	+}
	192	+/* When placed next to the "Add widget" button (Dashboard > Widgets), the
	193	+ parent .wpsc-actions-btn-setting already handles spacing/alignment. */
	194	+.wpsc-actions-btn-setting .wpsc-setting-cards-toggle-all {
	195	+ width: auto;
	196	+ margin-bottom: 0;
	197	+}
	198	+.wpsc-setting-cards-toggle-all .wpsc-toggle-all-label {
	199	+ font-size: 13px;
	200	+ font-weight: 600;
	201	+}
	202	+
131	203	/* CF Option UI */
132	204	.wpsc-option-item {
133	205	display: flex;
134	206	margin-bottom: 5px;
		@@ -313,8 +385,79 @@
313	385	}
314	386	.wpsc-ra-log-details {
315	387	display: grid;
316	388	}
	389	+/* Customers list filter toolbar (Users / User Type / Search / Reset). */
	390	+.wpsc-customers-toolbar {
	391	+ display: flex;
	392	+ gap: 8px;
	393	+ align-items: flex-end;
	394	+ flex-wrap: wrap;
	395	+ background: #fff;
	396	+ border: 1px solid #dcdcde;
	397	+ border-radius: 6px;
	398	+ padding: 16px;
	399	+ margin-bottom: 20px;
	400	+}
	401	+.wpsc-customers-toolbar-item {
	402	+ display: flex;
	403	+ flex-direction: column;
	404	+}
	405	+.wpsc-customers-toolbar-item label {
	406	+ font-size: 12px;
	407	+ color: #646970;
	408	+ margin-bottom: 6px;
	409	+ font-weight: 600;
	410	+}
	411	+.wpsc-customers-toolbar-item select,
	412	+.wpsc-customers-toolbar-item input {
	413	+ min-width: 200px;
	414	+}
	415	+.wpsc-customers-toolbar-item .select2-container {
	416	+ min-width: 200px;
	417	+}
	418	+.wpsc-customers-toolbar-reset {
	419	+ flex: 1;
	420	+}
	421	+.wpsc-customers-toolbar-reset button {
	422	+ width: fit-content;
	423	+}
	424	+.wpsc-customers-toolbar-search input {
	425	+ width: 100%;
	426	+}
	427	+@media (max-width: 782px) {
	428	+ .wpsc-customers-toolbar-item,
	429	+ .wpsc-customers-toolbar-reset {
	430	+ width: 100%;
	431	+ }
	432	+ .wpsc-customers-toolbar-item select,
	433	+ .wpsc-customers-toolbar-item input {
	434	+ min-width: 0;
	435	+ width: 100%;
	436	+ }
	437	+}
	438	+/* Customers list "Name" column - avatar next to the customer's name. */
	439	+.wpsc-cust-name-cell {
	440	+ display: flex;
	441	+ align-items: center;
	442	+}
	443	+.wpsc-cust-avatar img {
	444	+ border-radius: 50%;
	445	+ margin: 0px 10px 0px 0px;
	446	+}
	447	+/* Customer profile "Tickets" tab - whole row opens the ticket. */
	448	+.my-profile-ticket-list .wpsc-cust-ticket-row {
	449	+ cursor: pointer;
	450	+}
	451	+.my-profile-ticket-list .wpsc-cust-ticket-row:hover {
	452	+ background-color: #f5f5f5;
	453	+}
	454	+/* Customer profile "Custom fields" tab - empty state when there are none. */
	455	+.wpsc-cust-cf-empty {
	456	+ padding: 20px;
	457	+ text-align: center;
	458	+ color: #646970;
	459	+}
317	460	.wpsc-ra-log-time {
318	461	font-size: 10px;
319	462	}
320	463	.wpsc-ra-filter-container {
		@@ -322,7 +465,8 @@
322	465	padding: 10px 10px 0px;
323	466	}
324	467
325	468	/* Customer list */
326		-#wpsc-customer-list .dt-search {
	469	+#wpsc-customer-list .dt-search,
	470	+#wpsc-session-list .dt-search {
327	471	display: none !important;
328	472	}