| @@ -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; |
| @@ -108,57 +83,35 @@ | ||
| 108 | 83 | .ui-selectmenu-open { |
| 109 | 84 | display: block; |
| 110 | 85 | } |
| 111 | 86 | |
| 112 | -.ui-selectmenu-button.ui-button { | |
| 87 | +.ui-selectmenu-button { | |
| 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 | - text-align: left; | |
| 119 | - white-space: nowrap; | |
| 120 | - vertical-align: top; | |
| 121 | - padding: 0; | |
| 122 | 92 | } |
| 123 | 93 | |
| 124 | 94 | .ui-selectmenu-button span.ui-icon { |
| 125 | 95 | right: 0.5em; |
| 126 | 96 | left: auto; |
| 97 | + margin-top: -10px; | |
| 127 | 98 | position: absolute; |
| 128 | - top: 26%; | |
| 129 | - width: 16px; | |
| 130 | - height: 16px; | |
| 131 | - text-indent: 0; /* due to text-indent for jquery ui-dialog in wizard */ | |
| 132 | - background: none; | |
| 99 | + top: 50%; | |
| 133 | 100 | } |
| 134 | 101 | |
| 135 | -.rtl .ui-selectmenu-button span.ui-icon { | |
| 136 | - left: 0.5em; | |
| 137 | - right: auto; | |
| 138 | -} | |
| 139 | - | |
| 140 | - | |
| 141 | 102 | .ui-selectmenu-button span.ui-selectmenu-text { |
| 142 | 103 | text-align: left; |
| 143 | - padding: 0.1em 2.1em 0.2em 2em; | |
| 104 | + padding: 0.2em 2.1em 0.2em 2em; | |
| 144 | 105 | display: block; |
| 145 | 106 | line-height: 23px; |
| 146 | 107 | overflow: hidden; |
| 147 | 108 | text-overflow: ellipsis; |
| 148 | 109 | white-space: nowrap; |
| 149 | - margin: 0; | |
| 150 | 110 | } |
| 151 | 111 | |
| 152 | -.rtl .ui-selectmenu-button span.ui-selectmenu-text { | |
| 153 | - text-align: right; | |
| 154 | - padding: 0.2em 2em 0.2em 2.1em; | |
| 155 | -} | |
| 156 | - | |
| 157 | 112 | .ui-widget-content, |
| 158 | 113 | .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 | 114 | .ui-widget-content .ui-state-default, |
| 162 | 115 | .ui-widget-header .ui-state-default { |
| 163 | 116 | background: #fff; |
| 164 | 117 | border: 1px solid #ddd; |
| @@ -164,47 +117,14 @@ | ||
| 164 | 117 | border: 1px solid #ddd; |
| 165 | 118 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; |
| 166 | 119 | color: #32373c; |
| 167 | 120 | } |
| 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 | 121 | |
| 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; | |
| 122 | +.ui-widget-content .ui-state-hover, | |
| 123 | +.ui-widget-content .ui-state-focus { | |
| 124 | + background: #f5f5f5; | |
| 182 | 125 | } |
| 183 | 126 | |
| 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 | 127 | .ui-selectmenu-button.ui-state-focus { |
| 208 | 128 | border: 1px solid #5b9dd9; |
| 209 | 129 | box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
| 210 | 130 | } |
| @@ -209,21 +129,10 @@ | ||
| 209 | 129 | box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
| 210 | 130 | } |
| 211 | 131 | |
| 212 | 132 | .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 */ | |
| 133 | + content: "\f140"; | |
| 134 | + font: 20px/1 'dashicons'; | |
| 226 | 135 | } |
| 227 | 136 | |
| 228 | 137 | .ui-widget-content { |
| 229 | 138 | max-height: 231px; |
