← All changes | ui/css/admin.css +45 -19 3.1 → 4.0.2 View file →

		@@ -17,9 +17,10 @@
17	17	padding: 0;
18	18	overflow: visible;
19	19	}
20	20
21		-.post-type-wp_stream_alerts .select2 .select2-selection {
	21	+.post-type-wp_stream_alerts .select2 .select2-selection,
	22	+.stream-exclude-list .select2 .select2-selection{
22	23	border-color: #ccc;
23	24	background: #f7f7f7;
24	25	-webkit-box-shadow: 0 1px 0 #ccc;
25	26	box-shadow: 0 1px 0 #ccc;
		@@ -24,23 +25,27 @@
24	25	-webkit-box-shadow: 0 1px 0 #ccc;
25	26	box-shadow: 0 1px 0 #ccc;
26	27	}
27	28
28		-.post-type-wp_stream_alerts .select2 .select2-selection--multiple {
	29	+.post-type-wp_stream_alerts .select2 .select2-selection--multiple,
	30	+.stream-exclude-list .select2 .select2-selection--multiple{
29	31	font-size: 0;
30	32	min-height: 28px;
31	33	}
32	34
33		-.post-type-wp_stream_alerts .select2-container.select2-container--focus .select2-selection--multiple {
	35	+.post-type-wp_stream_alerts .select2-container.select2-container--focus .select2-selection--multiple,
	36	+.stream-exclude-list .select2-container.select2-container--focus .select2-selection--multiple{
34	37	border: solid #ccc 1px;
35	38	}
36	39
37		-.post-type-wp_stream_alerts .select2-container .select2-selection--multiple .select2-selection__choice {
	40	+.post-type-wp_stream_alerts .select2-container .select2-selection--multiple .select2-selection__choice,
	41	+.stream-exclude-list .select2-container .select2-selection--multiple .select2-selection__choice{
38	42	margin-top: 4px;
39	43	margin-bottom: 3px;
40	44	}
41	45
42		-.post-type-wp_stream_alerts .select2 .select2-selection .select2-selection__rendered {
	46	+.post-type-wp_stream_alerts .select2 .select2-selection .select2-selection__rendered,
	47	+.stream-exclude-list .select2 .select2-selection .select2-selection__rendered{
43	48	color: #555;
44	49	}
45	50
46	51	#record-query-reset {
		@@ -80,14 +85,17 @@
80	85	width: 12%;
81	86	}
82	87
83	88	.toplevel_page_wp_stream .column-date {
84		- min-width: 10%;
	89	+ width: 120px;
85	90	white-space: nowrap;
86	91	}
87	92
88	93	.toplevel_page_wp_stream .column-date .timeago {
89		- padding-right: 1em;
	94	+ display: inline-block;
	95	+ overflow: hidden;
	96	+ text-overflow: ellipsis;
	97	+ max-width: 100%;
90	98	}
91	99
92	100	.toplevel_page_wp_stream .column-user_id {
93	101	width: 18%;
		@@ -96,10 +104,23 @@
96	104	.toplevel_page_wp_stream .column-summary {
97	105	width: auto;
98	106	}
99	107
	108	+/*
	109	+Ensure the summary column is not squeezed if there are custom columns added.
	110	+
	111	+This is because columns width is set to 12% by default (above). Adding a single
	112	+custom column leaves less space for the auto-width summary column. Having 2 or
	113	+more custom columns squeezes the summary column to a narrow strip.
	114	+*/
	115	+.toplevel_page_wp_stream :where(.wp-list-table tr:has(> *:nth-child(7))) .column-summary {
	116	+ width: 30%;
	117	+}
	118	+
100	119	.toplevel_page_wp_stream .column-ip {
101	120	white-space: nowrap;
	121	+ overflow: hidden;
	122	+ text-overflow: ellipsis;
102	123	}
103	124
104	125	.toplevel_page_wp_stream .stream-filter-object-id {
105	126	padding-left: 5px;
		@@ -221,12 +242,12 @@
221	242	#dashboard_stream_activity .new-row {
222	243	background-color: #ffffe0 !important;
223	244
224	245	-webkit-transition: background 0.5s linear;
225		- -moz-transition: background 0.5s linear;
226		- -ms-transition: background 0.5s linear;
227		- -o-transition: background 0.5s linear;
228		- transition: background 0.5s linear;
	246	+ -moz-transition: background 0.5s linear;
	247	+ -ms-transition: background 0.5s linear;
	248	+ -o-transition: background 0.5s linear;
	249	+ transition: background 0.5s linear;
229	250	}
230	251
231	252	.toplevel_page_wp_stream .new-row.alternate,
232	253	#dashboard_stream_activity .new-row.alternate {
		@@ -389,11 +410,11 @@
389	410	}
390	411
391	412	.post-type-wp_stream_alerts .select2-search-choice-close {
392	413	-webkit-transition: none;
393		- -moz-transition: none;
394		- -o-transition: all 0 none;
395		- transition: none;
	414	+ -moz-transition: none;
	415	+ -o-transition: all 0 none;
	416	+ transition: none;
396	417	}
397	418
398	419	.wp-stream-select2-icon {
399	420	position: relative;
		@@ -403,12 +424,12 @@
403	424	height: 16px;
404	425	}
405	426
406	427	.select2-disabled .wp-stream-select2-icon {
407		- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
408		- filter: gray; /* IE6-9 */
	428	+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	429	+ filter: gray; /* IE6-9 */
409	430	-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
410		- -moz-filter: grayscale(100%); /* Firefox < 3.5 */
	431	+ -moz-filter: grayscale(100%); /* Firefox < 3.5 */
411	432	}
412	433
413	434
414	435	/* Exclude List Table */
		@@ -469,13 +490,18 @@
469	490	.stream-exclude-list tbody td .ip_address.invalid {
470	491	border: 1px solid rgba(160,0,0,0.75);
471	492	}
472	493
473		-.post-type-wp_stream_alerts .select2-results__option .parent {
	494	+.stream-exclude-list .icon-users {
	495	+ top: -3px !important;
	496	+ position: relative !important;
	497	+}
	498	+
	499	+.wp_stream_screen .select2-results__option .parent {
474	500	font-weight: bold;
475	501	}
476	502
477		-.post-type-wp_stream_alerts .select2-results__option .child {
	503	+.wp_stream_screen .select2-results__option .child {
478	504	padding-left: 8px;
479	505	}
480	506
481	507	@media screen and ( max-width: 900px ) {