← All changes | css/authorizer.scss +23 -52 3.14.2 → 3.9.0 View file →

		@@ -2,9 +2,9 @@
2	2	// Compiles to: authorizer.css via `sass css/authorizer.scss css/authorizer.css`.
3	3
4	4	// Import WordPress 5.7 admin colors.
5	5	// See: https://make.wordpress.org/core/2021/02/23/standardization-of-wp-admin-colors-in-wordpress-5-7/
6		-@use 'wp-admin-colors';
	6	+@import 'wp-admin-colors';
7	7
8	8	// Target just the Dashboard > Authorizer, and Network Dashboard > Authorizer.
9	9	.toplevel_page_authorizer,
10	10	.settings_page_authorizer {
		@@ -41,30 +41,26 @@
41	41
42	42	// Demo CAS login button sizing.
43	43	.button.button-external {
44	44	padding: 3px 16px;
45		- font-size: 18px;
46		- line-height: 2.4;
47		- height: 50px;
	45	+ height: 40px;
48	46	}
49	47	.button-external .dashicons {
50		- margin: 4px 18px 0 0;
51		- font-size: 32px;
52		- line-height: 1;
	48	+ margin: 4px 4px 0 0;
	49	+ font-size: 24px;
53	50	}
54	51	.button-external input[type=text] {
55		- margin-left: 4px;
56		- font-size: inherit;
57		- width: 120px;
	52	+ width: 100px;
58	53	}
59	54	@media screen and (max-width: 782px) {
60	55	.button-external {
	56	+ width: 280px;
	57	+ height: 50px;
61	58	font-size: 16px;
62	59	}
63	60	.button-external .dashicons {
64	61	margin: 4px 16px 0 0;
65	62	font-size: 30px;
66		- line-height: 1.1;
67	63	}
68	64	.button-external input[type=text] {
69	65	width: 120px;
70	66	display: inline;
		@@ -123,27 +119,15 @@
123	119	min-height: 40px;
124	120	}
125	121
126	122	// Make Bootstrap button group label vertically centered.
127		- .button-add-user {
128		- line-height: 37px;
129		- }
130		-
131		- // select2 dropdown tweaks.
132		- .select2-container {
133		- font-size: 16px;
134		-
135		- .select2-selection__choice__remove {
136		- padding: 8px;
	123	+ @media screen and (max-width: 782px) {
	124	+ .button-add-user {
	125	+ line-height: 37px;
137	126	}
138	127	}
139	128	}
140	129
141		- // select2 dropdown tweaks.
142		- .select2-selection__choice__remove {
143		- padding: 5px;
144		- }
145		-
146	130	// Expand/collapse option sections.
147	131	.form-table {
148	132	th,
149	133	td {
		@@ -180,12 +164,8 @@
180	164
181	165	}
182	166	}
183	167
184		- // Allow 100% width text fields with .wide class.
185		- input[type="text"].wide {
186		- width: 100%;
187		- }
188	168
189	169	// Flex layout for user lists (pending, approved, blocked).
190	170	#list_auth_settings_access_users_pending li,
191	171	#list_auth_settings_access_users_approved li,
		@@ -206,25 +186,16 @@
206	186	// Section breaks for pages with many options.
207	187	table.form-table {
208	188	tr {
209	189	&.border-top {
210		- border-top: 3px solid wp-admin-colors.$color-gray-5;
	190	+ border-top: 3px solid $color-gray-5;
211	191	}
212	192
213	193	&.border-top-small {
214		- border-top: 1px solid wp-admin-colors.$color-gray-5;
	194	+ border-top: 1px solid $color-gray-5;
215	195	}
216	196	}
217	197	}
218		-
219		- // Fix spinner text overlapping spinner icon and overflowing viewport boundaries.
220		- .spinner:has(.spinner-text) {
221		- width: auto;
222		-
223		- .spinner-text {
224		- margin-left: 24px;
225		- }
226		- }
227	198	}
228	199
229	200
230	201	// Target just the Dashboard widget.
		@@ -243,11 +214,11 @@
243	214	// wraps to second line).
244	215	.tablenav {
245	216	height: auto;
246	217
247		- // Fix offset current page input relative to pager buttons (WordPress < 7.0).
	218	+ // Fix offset current page input relative to pager buttons.
248	219	.current-page {
249		- margin-bottom: 4px;
	220	+ margin-top: -4px;
250	221	}
251	222	}
252	223
253	224	// Tighter flex layout for user lists (pending, approved, blocked).
		@@ -335,22 +306,22 @@
335	306
336	307	// Colors for user lists.
337	308	#list_auth_settings_access_users_pending {
338	309	.auth-email {
339		- background-color: wp-admin-colors.$color-yellow-5;
340		- border-color: wp-admin-colors.$color-yellow-20;
	310	+ background-color: $color-yellow-5;
	311	+ border-color: $color-yellow-20;
341	312	}
342	313	}
343	314	#list_auth_settings_access_users_approved {
344	315	.auth-email {
345		- background-color: wp-admin-colors.$color-green-5;
346		- border-color: wp-admin-colors.$color-green-20;
	316	+ background-color: $color-green-5;
	317	+ border-color: $color-green-20;
347	318	}
348	319	}
349	320	#list_auth_settings_access_users_blocked {
350	321	.auth-email {
351		- background-color: wp-admin-colors.$color-red-5;
352		- border-color: wp-admin-colors.$color-red-20;
	322	+ background-color: $color-red-5;
	323	+ border-color: $color-red-20;
353	324	}
354	325	}
355	326
356	327	// Fade multisite users (not editable); don't do this on network admin page.
		@@ -380,12 +351,12 @@
380	351	position: relative;
381	352	}
382	353	.auth_multisite_override_overlay {
383	354	.overlay-note {
384		- background: wp-admin-colors.$color-white;
385		- border: 1px solid wp-admin-colors.$color-gray-30;
	355	+ background: $color-white;
	356	+ border: 1px solid $color-gray-30;
386	357	cursor: default;
387		- margin: 0 15em;
	358	+ margin: 11px 15em;
388	359	opacity: 0;
389	360	padding: 8px;
390	361	position: absolute;
391	362	top: 0;