← All changes | css/selectmenu.css +8 -79 2.9 → 2.4 View file →

		@@ -23,41 +23,22 @@
23	23	.ui-menu .ui-menu-item {
24	24	position: relative;
25	25	margin: 0;
26	26	padding: 3px 1em 3px .4em;
27		- cursor: pointer;
28	27	min-height: 0; /* support: IE7 */
29	28	/* support: IE10, see #8844 */
30	29	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
31	30	}
32	31
33		-/* for jQuery UI 1.12 which introduces a wrapper */
34		-.ui-menu .ui-menu-item:not([role]) {
35		- padding: 0;
36		-}
37		-
38		-.ui-menu-item-wrapper {
39		- padding: 3px 1em 3px 2em;
40		-}
41		-.rtl .ui-menu .ui-menu-item {
42		- text-align: right;
43		-}
44		-
45	32	/* icon support */
46	33	.ui-menu-icons {
47	34	position: relative;
48	35	}
49	36
50		-.ui-menu-icons .ui-menu-item[role] {
	37	+.ui-menu-icons .ui-menu-item {
51	38	padding-left: 2em;
52	39	}
53	40
54		-.rtl .ui-menu-item-wrapper, /* for jQuery UI 1.12 which introduces a wrapper */
55		-.rtl .ui-menu-icons .ui-menu-item[role] {
56		- padding-left: 1em;
57		- padding-right: 2em;
58		-}
59		-
60	41	/* left-aligned */
61	42	.ui-selectmenu-text .ui-icon,
62	43	.ui-menu .ui-icon {
63	44	position: absolute;
		@@ -62,18 +43,12 @@
62	43	.ui-menu .ui-icon {
63	44	position: absolute;
64	45	top: 0;
65	46	bottom: 0;
66		- left: .3em;
	47	+ left: .2em;
67	48	margin: auto 0;
68	49	}
69	50
70		-.rtl .ui-selectmenu-text .ui-icon,
71		-.rtl .ui-menu .ui-icon {
72		- right: .3em;
73		- left: auto;
74		-}
75		-
76	51	/* right-aligned */
77	52	.ui-menu .ui-menu-icon {
78	53	left: auto;
79	54	right: 0;
		@@ -113,27 +88,18 @@
113	88	display: inline-block;
114	89	overflow: hidden;
115	90	position: relative;
116	91	text-decoration: none;
117		- box-sizing: border-box; /* To keep width calculation in percent since WP 5.6 */
118	92	}
119	93
120	94	.ui-selectmenu-button span.ui-icon {
121	95	right: 0.5em;
122	96	left: auto;
	97	+ margin-top: -10px;
123	98	position: absolute;
124		- top: 26%;
125		- width: 16px;
126		- height: 16px;
127		- text-indent: 0; /* due to text-indent for jquery ui-dialog in wizard */
	99	+ top: 50%;
128	100	}
129	101
130		-.rtl .ui-selectmenu-button span.ui-icon {
131		- left: 0.5em;
132		- right: auto;
133		-}
134		-
135		-
136	102	.ui-selectmenu-button span.ui-selectmenu-text {
137	103	text-align: left;
138	104	padding: 0.2em 2.1em 0.2em 2em;
139	105	display: block;
		@@ -142,17 +108,10 @@
142	108	text-overflow: ellipsis;
143	109	white-space: nowrap;
144	110	}
145	111
146		-.rtl .ui-selectmenu-button span.ui-selectmenu-text {
147		- text-align: right;
148		- padding: 0.2em 2em 0.2em 2.1em;
149		-}
150		-
151	112	.ui-widget-content,
152	113	.ui-state-default,
153		-.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
154		-.ui-selectmenu-button-open, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
155	114	.ui-widget-content .ui-state-default,
156	115	.ui-widget-header .ui-state-default {
157	116	background: #fff;
158	117	border: 1px solid #ddd;
		@@ -158,32 +117,12 @@
158	117	border: 1px solid #ddd;
159	118	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
160	119	color: #32373c;
161	120	}
162		-/* Override to have same styles as WP form styles since WordPress 5.4 */
163		-.toplevel_page_mlang .ui-selectmenu-button.ui-state-default,
164		-.toplevel_page_mlang .ui-selectmenu-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
165		-.toplevel_page_mlang .ui-selectmenu-button.ui-selectmenu-button-open{ /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
166		- box-shadow: 0 0 0 transparent;
167		- border-radius: 4px;
168		- border: 1px solid #7e8993;
169		-}
170	121
171		-.toplevel_page_mlang .ui-selectmenu-button:focus{
172		- color: #016087; /* Same color as WordPress focused select HTML tag */
173		- border-color: #007cba;
174		- box-shadow: 0 0 0 1px #007cba;
175		- outline: 2px solid transparent;
176		-}
177		-
178		-.toplevel_page_mlang .ui-menu-item {
179		- color: #016087; /* Same color as option in a WordPress focused select HTML tag */
180		-}
181		-
182	122	.ui-widget-content .ui-state-hover,
183		-.ui-widget-content .ui-state-focus,
184		-.ui-widget-content .ui-state-active { /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
185		- background: #d5d5d5;
	123	+.ui-widget-content .ui-state-focus {
	124	+ background: #f5f5f5;
186	125	}
187	126
188	127	.ui-selectmenu-button.ui-state-focus {
189	128	border: 1px solid #5b9dd9;
		@@ -190,20 +129,10 @@
190	129	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
191	130	}
192	131
193	132	.ui-icon-triangle-1-s:before {
194		- content: "";
195		- background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 0px top 55%;
196		- background-size: 16px 16px;
197		- box-sizing: border-box;
198		- position: absolute;
199		- width: 16px;
200		- height: 16px;
201		-}
202		-
203		-.pll-wizard .ui-button:hover,
204		-.pll-wizard .ui-button:focus {
205		- background: #fff; /* To override jQuery ui-dialog styles provided by WordPress */
	133	+ content: "\f140";
	134	+ font: 20px/1 'dashicons';
206	135	}
207	136
208	137	.ui-widget-content {
209	138	max-height: 231px;