← All changes | css/selectmenu.css +12 -75 3.0 → 2.7.3 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,29 +99,22 @@
108	99	.ui-selectmenu-open {
109	100	display: block;
110	101	}
111	102
112		-.ui-selectmenu-button.ui-button {
	103	+.ui-selectmenu-button {
113	104	display: inline-block;
114	105	overflow: hidden;
115	106	position: relative;
116	107	text-decoration: none;
117		- box-sizing: border-box; /* To keep width calculation in percent since WP 5.6 */
118		- text-align: left;
119		- white-space: nowrap;
120		- vertical-align: top;
121		- padding: 0;
122	108	}
123	109
124	110	.ui-selectmenu-button span.ui-icon {
125	111	right: 0.5em;
126	112	left: auto;
	113	+ margin-top: -10px;
127	114	position: absolute;
128		- top: 26%;
129		- width: 16px;
130		- height: 16px;
	115	+ top: 50%;
131	116	text-indent: 0; /* due to text-indent for jquery ui-dialog in wizard */
132		- background: none;
133	117	}
134	118
135	119	.rtl .ui-selectmenu-button span.ui-icon {
136	120	left: 0.5em;
		@@ -139,15 +123,14 @@
139	123
140	124
141	125	.ui-selectmenu-button span.ui-selectmenu-text {
142	126	text-align: left;
143		- padding: 0.1em 2.1em 0.2em 2em;
	127	+ padding: 0.2em 2.1em 0.2em 2em;
144	128	display: block;
145	129	line-height: 23px;
146	130	overflow: hidden;
147	131	text-overflow: ellipsis;
148	132	white-space: nowrap;
149		- margin: 0;
150	133	}
151	134
152	135	.rtl .ui-selectmenu-button span.ui-selectmenu-text {
153	136	text-align: right;
		@@ -155,10 +138,8 @@
155	138	}
156	139
157	140	.ui-widget-content,
158	141	.ui-state-default,
159		-.ui-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
160		-.ui-button.ui-selectmenu-button-open, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
161	142	.ui-widget-content .ui-state-default,
162	143	.ui-widget-header .ui-state-default {
163	144	background: #fff;
164	145	border: 1px solid #ddd;
		@@ -164,47 +145,14 @@
164	145	border: 1px solid #ddd;
165	146	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
166	147	color: #32373c;
167	148	}
168		-/* Override to have same styles as WP form styles since WordPress 5.4 */
169		-.toplevel_page_mlang .ui-selectmenu-button.ui-state-default,
170		-.toplevel_page_mlang .ui-selectmenu-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
171		-.toplevel_page_mlang .ui-selectmenu-button.ui-selectmenu-button-open{ /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
172		- box-shadow: 0 0 0 transparent;
173		- border-radius: 4px;
174		- border: 1px solid #7e8993;
175		-}
176	149
177		-/* From this line and below: override WooCommerce bookings plugin styles which overrides default WordPress styles */
178		-.pll-selectmenu-menu .ui-widget,
179		-.pll-selectmenu-button.ui-widget {
180		- font-size: 13px;
181		- 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;
182	153	}
183	154
184		-.toplevel_page_mlang .ui-button.ui-selectmenu-button:focus{
185		- color: #016087; /* Same color as WordPress focused select HTML tag */
186		- border-color: #007cba;
187		- box-shadow: 0 0 0 1px #007cba;
188		- outline: 2px solid transparent;
189		- background: #fff; /* Override bookings plugin styles which overrides default WordPress styles */
190		-}
191		-
192		-.toplevel_page_mlang .ui-menu-item,
193		-.toplevel_page_mlang .ui-widget-content .ui-state-hover,
194		-.toplevel_page_mlang .ui-widget-content .ui-state-focus,
195		-.toplevel_page_mlang .ui-widget-content .ui-state-active {
196		- color: #016087; /* Same color as option in a WordPress focused select HTML tag */
197		- margin: 0;
198		-}
199		-
200		-.pll-selectmenu-menu .ui-widget-content .ui-state-hover,
201		-.pll-selectmenu-menu .ui-widget-content .ui-state-focus,
202		-.pll-selectmenu-menu .ui-widget-content .ui-state-active { /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
203		- background: #d5d5d5;
204		- border: 0;
205		-}
206		-
207	155	.ui-selectmenu-button.ui-state-focus {
208	156	border: 1px solid #5b9dd9;
209	157	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
210	158	}
		@@ -209,21 +157,10 @@
209	157	box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
210	158	}
211	159
212	160	.ui-icon-triangle-1-s:before {
213		- content: "";
214		- 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%;
215		- background-size: 16px 16px;
216		- box-sizing: border-box;
217		- position: absolute;
218		- width: 16px;
219		- height: 16px;
220		-}
221		-
222		-.pll-selectmenu-button.ui-button:hover,
223		-.pll-wizard .ui-button:hover,
224		-.pll-wizard .ui-button:focus {
225		- background: #fff; /* To override jQuery ui-dialog styles provided by WordPress */
	161	+ content: "\f140";
	162	+ font: 20px/1 'dashicons';
226	163	}
227	164
228	165	.ui-widget-content {
229	166	max-height: 231px;