← All changes | css/selectmenu.css +12 -83 3.0.1 → 2.8 View file →

		@@ -29,31 +29,22 @@
29	29	/* support: IE10, see #8844 */
30	30	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
31	31	}
32	32
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	33	.rtl .ui-menu .ui-menu-item {
42	34	text-align: right;
43	35	}
44	36
	37	+
45	38	/* icon support */
46	39	.ui-menu-icons {
47	40	position: relative;
48	41	}
49	42
50		-.ui-menu-icons .ui-menu-item[role] {
	43	+.ui-menu-icons .ui-menu-item {
51	44	padding-left: 2em;
52	45	}
53		-
54		-.rtl .ui-menu-item-wrapper, /* for jQuery UI 1.12 which introduces a wrapper */
55		-.rtl .ui-menu-icons .ui-menu-item[role] {
	46	+.rtl .ui-menu-icons .ui-menu-item {
56	47	padding-left: 1em;
57	48	padding-right: 2em;
58	49	}
59	50
		@@ -108,32 +99,22 @@
108	99	.ui-selectmenu-open {
109	100	display: block;
110	101	}
111	102
112		-.ui-selectmenu-button, /* jQuery UI 1.11.4 - WP < 5.6 */
113		-.ui-selectmenu-button.ui-button {
	103	+.ui-selectmenu-button {
114	104	display: inline-block;
115	105	overflow: hidden;
116	106	position: relative;
117	107	text-decoration: none;
118		- box-sizing: border-box; /* To keep width calculation in percent since WP 5.6 */
119		- text-align: left;
120		- white-space: nowrap;
121		- vertical-align: top;
122		- padding: 0;
123		- line-height: normal; /* Override WC Bookings styles with WP < 5.6 */
124		- height: 28px; /* Override WC Bookings styles with WP < 5.6 */
125	108	}
126	109
127	110	.ui-selectmenu-button span.ui-icon {
128	111	right: 0.5em;
129	112	left: auto;
	113	+ margin-top: -10px;
130	114	position: absolute;
131		- top: 26%;
132		- width: 16px;
133		- height: 16px;
	115	+ top: 50%;
134	116	text-indent: 0; /* due to text-indent for jquery ui-dialog in wizard */
135		- background: none;
136	117	}
137	118
138	119	.rtl .ui-selectmenu-button span.ui-icon {
139	120	left: 0.5em;
		@@ -140,18 +121,16 @@
140	121	right: auto;
141	122	}
142	123
143	124
144		-.ui-selectmenu-button.ui-widget span.ui-selectmenu-text, /* Override WC Bookings styles with WP < 5.6 */
145	125	.ui-selectmenu-button span.ui-selectmenu-text {
146	126	text-align: left;
147		- padding: 0.1em 2.1em 0.2em 2em;
	127	+ padding: 0.2em 2.1em 0.2em 2em;
148	128	display: block;
149	129	line-height: 23px;
150	130	overflow: hidden;
151	131	text-overflow: ellipsis;
152	132	white-space: nowrap;
153		- margin: 0;
154	133	}
155	134
156	135	.rtl .ui-selectmenu-button span.ui-selectmenu-text {
157	136	text-align: right;
		@@ -159,11 +138,8 @@
159	138	}
160	139
161	140	.ui-widget-content,
162	141	.ui-state-default,
163		-.ui-selectmenu-button.ui-state-default, /* Override WC Bookings styles with WP < 5.6 */
164		-.ui-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
165		-.ui-button.ui-selectmenu-button-open, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
166	142	.ui-widget-content .ui-state-default,
167	143	.ui-widget-header .ui-state-default {
168	144	background: #fff;
169	145	border: 1px solid #ddd;
		@@ -169,50 +145,14 @@
169	145	border: 1px solid #ddd;
170	146	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
171	147	color: #32373c;
172	148	}
173		-/* Override to have same styles as WP form styles since WordPress 5.4 */
174		-.toplevel_page_mlang .ui-selectmenu-button.ui-state-default,
175		-.toplevel_page_mlang .ui-selectmenu-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
176		-.toplevel_page_mlang .ui-selectmenu-button.ui-selectmenu-button-open{ /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
177		- box-shadow: 0 0 0 transparent;
178		- border-radius: 4px;
179		- border: 1px solid #7e8993;
180		-}
181	149
182		-/* From this line and below: override WooCommerce bookings plugin styles which overrides default WordPress styles */
183		-.pll-selectmenu-menu .ui-widget,
184		-.pll-selectmenu-button.ui-widget {
185		- font-size: 13px;
186		- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	150	+.ui-widget-content .ui-state-hover,
	151	+.ui-widget-content .ui-state-focus {
	152	+ background: #f5f5f5;
187	153	}
188	154
189		-.toplevel_page_mlang .ui-button.ui-selectmenu-button:focus{
190		- color: #016087; /* Same color as WordPress focused select HTML tag */
191		- border-color: #007cba;
192		- box-shadow: 0 0 0 1px #007cba;
193		- outline: 2px solid transparent;
194		- background: #fff; /* Override bookings plugin styles which overrides default WordPress styles */
195		-}
196		-
197		-.toplevel_page_mlang .ui-menu-item,
198		-.toplevel_page_mlang .ui-widget-content .ui-state-hover,
199		-.toplevel_page_mlang .ui-widget-content .ui-state-focus,
200		-.toplevel_page_mlang .ui-widget-content .ui-state-active {
201		- color: #016087; /* Same color as option in a WordPress focused select HTML tag */
202		- margin: 0;
203		-}
204		-
205		-.ui-selectmenu-open .ui-widget-content .ui-state-hover, /* Override WC Bookings styles with WP < 5.6 */
206		-.ui-selectmenu-open .ui-widget-content .ui-state-focus, /* Override WC Bookings styles with WP < 5.6 */
207		-.ui-selectmenu-open .ui-widget-content .ui-state-active, /* Override WC Bookings styles with WP < 5.6 */
208		-.pll-selectmenu-menu .ui-widget-content .ui-state-hover,
209		-.pll-selectmenu-menu .ui-widget-content .ui-state-focus,
210		-.pll-selectmenu-menu .ui-widget-content .ui-state-active { /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
211		- background: #d5d5d5;
212		- border: 0;
213		-}
214		-
215	155	.ui-selectmenu-button.ui-state-focus {
216	156	border: 1px solid #5b9dd9;
217	157	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
218	158	}
		@@ -217,21 +157,10 @@
217	157	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
218	158	}
219	159
220	160	.ui-icon-triangle-1-s:before {
221		- content: "";
222		- 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%;
223		- background-size: 16px 16px;
224		- box-sizing: border-box;
225		- position: absolute;
226		- width: 16px;
227		- height: 16px;
228		-}
229		-
230		-.pll-selectmenu-button.ui-button:hover,
231		-.pll-wizard .ui-button:hover,
232		-.pll-wizard .ui-button:focus {
233		- background: #fff; /* To override jQuery ui-dialog styles provided by WordPress */
	161	+ content: "\f140";
	162	+ font: 20px/1 'dashicons';
234	163	}
235	164
236	165	.ui-widget-content {
237	166	max-height: 231px;