← All changes | css/build/selectmenu.css +19 -10 3.0 → 3.8.10 View file →

		@@ -26,9 +26,9 @@
26	26	padding: 3px 1em 3px .4em;
27	27	cursor: pointer;
28	28	min-height: 0; /* support: IE7 */
29	29	/* support: IE10, see #8844 */
30		- list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	30	+ list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
31	31	}
32	32
33	33	/* for jQuery UI 1.12 which introduces a wrapper */
34	34	.ui-menu .ui-menu-item:not([role]) {
		@@ -108,8 +108,9 @@
108	108	.ui-selectmenu-open {
109	109	display: block;
110	110	}
111	111
	112	+.ui-selectmenu-button, /* jQuery UI 1.11.4 - WP < 5.6 */
112	113	.ui-selectmenu-button.ui-button {
113	114	display: inline-block;
114	115	overflow: hidden;
115	116	position: relative;
		@@ -118,8 +119,10 @@
118	119	text-align: left;
119	120	white-space: nowrap;
120	121	vertical-align: top;
121	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 */
122	125	}
123	126
124	127	.ui-selectmenu-button span.ui-icon {
125	128	right: 0.5em;
		@@ -137,8 +140,9 @@
137	140	right: auto;
138	141	}
139	142
140	143
	144	+.ui-selectmenu-button.ui-widget span.ui-selectmenu-text, /* Override WC Bookings styles with WP < 5.6 */
141	145	.ui-selectmenu-button span.ui-selectmenu-text {
142	146	text-align: left;
143	147	padding: 0.1em 2.1em 0.2em 2em;
144	148	display: block;
		@@ -155,8 +159,9 @@
155	159	}
156	160
157	161	.ui-widget-content,
158	162	.ui-state-default,
	163	+.ui-selectmenu-button.ui-state-default, /* Override WC Bookings styles with WP < 5.6 */
159	164	.ui-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
160	165	.ui-button.ui-selectmenu-button-open, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
161	166	.ui-widget-content .ui-state-default,
162	167	.ui-widget-header .ui-state-default {
		@@ -165,11 +170,11 @@
165	170	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset;
166	171	color: #32373c;
167	172	}
168	173	/* 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 */
	174	+.languages_page_mlang .ui-selectmenu-button.ui-state-default,
	175	+.languages_page_mlang .ui-selectmenu-button.ui-selectmenu-button-closed, /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
	176	+.languages_page_mlang .ui-selectmenu-button.ui-selectmenu-button-open{ /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
172	177	box-shadow: 0 0 0 transparent;
173	178	border-radius: 4px;
174	179	border: 1px solid #7e8993;
175	180	}
		@@ -180,9 +185,9 @@
180	185	font-size: 13px;
181	186	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
182	187	}
183	188
184		-.toplevel_page_mlang .ui-button.ui-selectmenu-button:focus{
	189	+.languages_page_mlang .ui-button.ui-selectmenu-button:focus{
185	190	color: #016087; /* Same color as WordPress focused select HTML tag */
186	191	border-color: #007cba;
187	192	box-shadow: 0 0 0 1px #007cba;
188	193	outline: 2px solid transparent;
		@@ -188,16 +193,19 @@
188	193	outline: 2px solid transparent;
189	194	background: #fff; /* Override bookings plugin styles which overrides default WordPress styles */
190	195	}
191	196
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 {
	197	+.languages_page_mlang .ui-menu-item,
	198	+.languages_page_mlang .ui-widget-content .ui-state-hover,
	199	+.languages_page_mlang .ui-widget-content .ui-state-focus,
	200	+.languages_page_mlang .ui-widget-content .ui-state-active {
196	201	color: #016087; /* Same color as option in a WordPress focused select HTML tag */
197	202	margin: 0;
198	203	}
199	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 */
200	208	.pll-selectmenu-menu .ui-widget-content .ui-state-hover,
201	209	.pll-selectmenu-menu .ui-widget-content .ui-state-focus,
202	210	.pll-selectmenu-menu .ui-widget-content .ui-state-active { /* To be compatible jQuery UI 1.12.1 since WordPress 5.6 */
203	211	background: #d5d5d5;
		@@ -210,9 +218,9 @@
210	218	}
211	219
212	220	.ui-icon-triangle-1-s:before {
213	221	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%;
	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%;
215	223	background-size: 16px 16px;
216	224	box-sizing: border-box;
217	225	position: absolute;
218	226	width: 16px;
		@@ -228,4 +236,5 @@
228	236	.ui-widget-content {
229	237	max-height: 231px;
230	238	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
231	239	}
	240	+