← All changes | css/authorizer.scss +25 -65 3.14.2 → 3.6.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;
		@@ -83,8 +79,11 @@
83	79	}
84	80
85	81	// Mobile screen sizing.
86	82	@media screen and (max-width: 782px) {
	83	+ .animated_wrapper {
	84	+ width: 100% !important;
	85	+ }
87	86	th {
88	87	padding: 8px 0 0;
89	88	}
90	89	td {
		@@ -123,35 +122,22 @@
123	122	min-height: 40px;
124	123	}
125	124
126	125	// 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;
	126	+ @media screen and (max-width: 782px) {
	127	+ .button-add-user {
	128	+ line-height: 37px;
137	129	}
138	130	}
139	131	}
140	132
141		- // select2 dropdown tweaks.
142		- .select2-selection__choice__remove {
143		- padding: 5px;
144		- }
145		-
146	133	// Expand/collapse option sections.
147	134	.form-table {
148	135	th,
149	136	td {
150		- transition: padding 0.25s ease;
151		-
152	137	&.hide-animate {
153	138	padding: 0;
	139	+ transition: padding 0.25s ease;
154	140	}
155	141
156	142	&.hide-no-animate {
157	143	padding: 0;
		@@ -180,12 +166,8 @@
180	166
181	167	}
182	168	}
183	169
184		- // Allow 100% width text fields with .wide class.
185		- input[type="text"].wide {
186		- width: 100%;
187		- }
188	170
189	171	// Flex layout for user lists (pending, approved, blocked).
190	172	#list_auth_settings_access_users_pending li,
191	173	#list_auth_settings_access_users_approved li,
		@@ -201,30 +183,8 @@
201	183	// Let email and role grow the most.
202	184	& > :nth-child(1) { flex-grow: 4; }
203	185	& > :nth-child(2) { flex-grow: 2; }
204	186	}
205		-
206		- // Section breaks for pages with many options.
207		- table.form-table {
208		- tr {
209		- &.border-top {
210		- border-top: 3px solid wp-admin-colors.$color-gray-5;
211		- }
212		-
213		- &.border-top-small {
214		- border-top: 1px solid wp-admin-colors.$color-gray-5;
215		- }
216		- }
217		- }
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	187	}
228	188
229	189
230	190	// Target just the Dashboard widget.
		@@ -243,11 +203,11 @@
243	203	// wraps to second line).
244	204	.tablenav {
245	205	height: auto;
246	206
247		- // Fix offset current page input relative to pager buttons (WordPress < 7.0).
	207	+ // Fix offset current page input relative to pager buttons.
248	208	.current-page {
249		- margin-bottom: 4px;
	209	+ margin-top: -4px;
250	210	}
251	211	}
252	212
253	213	// Tighter flex layout for user lists (pending, approved, blocked).
		@@ -335,22 +295,22 @@
335	295
336	296	// Colors for user lists.
337	297	#list_auth_settings_access_users_pending {
338	298	.auth-email {
339		- background-color: wp-admin-colors.$color-yellow-5;
340		- border-color: wp-admin-colors.$color-yellow-20;
	299	+ background-color: $color-yellow-5;
	300	+ border-color: $color-yellow-20;
341	301	}
342	302	}
343	303	#list_auth_settings_access_users_approved {
344	304	.auth-email {
345		- background-color: wp-admin-colors.$color-green-5;
346		- border-color: wp-admin-colors.$color-green-20;
	305	+ background-color: $color-green-5;
	306	+ border-color: $color-green-20;
347	307	}
348	308	}
349	309	#list_auth_settings_access_users_blocked {
350	310	.auth-email {
351		- background-color: wp-admin-colors.$color-red-5;
352		- border-color: wp-admin-colors.$color-red-20;
	311	+ background-color: $color-red-5;
	312	+ border-color: $color-red-20;
353	313	}
354	314	}
355	315
356	316	// Fade multisite users (not editable); don't do this on network admin page.
		@@ -380,12 +340,12 @@
380	340	position: relative;
381	341	}
382	342	.auth_multisite_override_overlay {
383	343	.overlay-note {
384		- background: wp-admin-colors.$color-white;
385		- border: 1px solid wp-admin-colors.$color-gray-30;
	344	+ background: $color-white;
	345	+ border: 1px solid $color-gray-30;
386	346	cursor: default;
387		- margin: 0 15em;
	347	+ margin: 11px 15em;
388	348	opacity: 0;
389	349	padding: 8px;
390	350	position: absolute;
391	351	top: 0;