← All changes | asset/css/admin-rtl.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-right: 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-left: 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	+ right: 0;
	159	+ left: 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	+ right: 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-start;
	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;
		@@ -284,9 +356,10 @@
284	356	border-radius: 3px;
285	357	}
286	358
287	359	/* Customer list */
288		-#wpsc-customer-list .dt-search {
	360	+#wpsc-customer-list .dt-search,
	361	+#wpsc-session-list .dt-search {
289	362	display: none !important;
290	363	}
291	364
292	365	/* Recent Activity */
		@@ -317,8 +390,79 @@
317	390	margin: 0px 0px 0px 10px;
318	391	}
319	392	.wpsc-ra-log-details {
320	393	display: grid;
	394	+}
	395	+/* Customers list filter toolbar (Users / User Type / Search / Reset). */
	396	+.wpsc-customers-toolbar {
	397	+ display: flex;
	398	+ gap: 8px;
	399	+ align-items: flex-end;
	400	+ flex-wrap: wrap;
	401	+ background: #fff;
	402	+ border: 1px solid #dcdcde;
	403	+ border-radius: 6px;
	404	+ padding: 16px;
	405	+ margin-bottom: 20px;
	406	+}
	407	+.wpsc-customers-toolbar-item {
	408	+ display: flex;
	409	+ flex-direction: column;
	410	+}
	411	+.wpsc-customers-toolbar-item label {
	412	+ font-size: 12px;
	413	+ color: #646970;
	414	+ margin-bottom: 6px;
	415	+ font-weight: 600;
	416	+}
	417	+.wpsc-customers-toolbar-item select,
	418	+.wpsc-customers-toolbar-item input {
	419	+ min-width: 200px;
	420	+}
	421	+.wpsc-customers-toolbar-item .select2-container {
	422	+ min-width: 200px;
	423	+}
	424	+.wpsc-customers-toolbar-reset {
	425	+ flex: 1;
	426	+}
	427	+.wpsc-customers-toolbar-reset button {
	428	+ width: fit-content;
	429	+}
	430	+.wpsc-customers-toolbar-search input {
	431	+ width: 100%;
	432	+}
	433	+@media (max-width: 782px) {
	434	+ .wpsc-customers-toolbar-item,
	435	+ .wpsc-customers-toolbar-reset {
	436	+ width: 100%;
	437	+ }
	438	+ .wpsc-customers-toolbar-item select,
	439	+ .wpsc-customers-toolbar-item input {
	440	+ min-width: 0;
	441	+ width: 100%;
	442	+ }
	443	+}
	444	+/* Customers list "Name" column - avatar next to the customer's name. */
	445	+.wpsc-cust-name-cell {
	446	+ display: flex;
	447	+ align-items: center;
	448	+}
	449	+.wpsc-cust-avatar img {
	450	+ border-radius: 50%;
	451	+ margin: 0px 0px 0px 10px;
	452	+}
	453	+/* Customer profile "Tickets" tab - whole row opens the ticket. */
	454	+.my-profile-ticket-list .wpsc-cust-ticket-row {
	455	+ cursor: pointer;
	456	+}
	457	+.my-profile-ticket-list .wpsc-cust-ticket-row:hover {
	458	+ background-color: #f5f5f5;
	459	+}
	460	+/* Customer profile "Custom fields" tab - empty state when there are none. */
	461	+.wpsc-cust-cf-empty {
	462	+ padding: 20px;
	463	+ text-align: center;
	464	+ color: #646970;
321	465	}
322	466	.wpsc-ra-log-time {
323	467	font-size: 10px;
324	468	}