| @@ -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 | |
| @@ -113,18 +104,16 @@ | ||
| 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 | 108 | } |
| 119 | 109 | |
| 120 | 110 | .ui-selectmenu-button span.ui-icon { |
| 121 | 111 | right: 0.5em; |
| 122 | 112 | left: auto; |
| 113 | + margin-top: -10px; | |
| 123 | 114 | position: absolute; |
| 124 | - top: 26%; | |
| 125 | - width: 16px; | |
| 126 | - height: 16px; | |
| 115 | + top: 50%; | |
| 127 | 116 | text-indent: 0; /* due to text-indent for jquery ui-dialog in wizard */ |
| 128 | 117 | } |
| 129 | 118 | |
| 130 | 119 | .rtl .ui-selectmenu-button span.ui-icon { |
| @@ -149,10 +138,8 @@ | ||
| 149 | 138 | } |
| 150 | 139 | |
| 151 | 140 | .ui-widget-content, |
| 152 | 141 | .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 | 142 | .ui-widget-content .ui-state-default, |
| 156 | 143 | .ui-widget-header .ui-state-default { |
| 157 | 144 | background: #fff; |
| 158 | 145 | border: 1px solid #ddd; |
| @@ -158,32 +145,12 @@ | ||
| 158 | 145 | border: 1px solid #ddd; |
| 159 | 146 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07) inset; |
| 160 | 147 | color: #32373c; |
| 161 | 148 | } |
| 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 | 149 | |
| 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 | 150 | .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; | |
| 151 | +.ui-widget-content .ui-state-focus { | |
| 152 | + background: #f5f5f5; | |
| 186 | 153 | } |
| 187 | 154 | |
| 188 | 155 | .ui-selectmenu-button.ui-state-focus { |
| 189 | 156 | border: 1px solid #5b9dd9; |
| @@ -190,20 +157,10 @@ | ||
| 190 | 157 | box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); |
| 191 | 158 | } |
| 192 | 159 | |
| 193 | 160 | .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 */ | |
| 161 | + content: "\f140"; | |
| 162 | + font: 20px/1 'dashicons'; | |
| 206 | 163 | } |
| 207 | 164 | |
| 208 | 165 | .ui-widget-content { |
| 209 | 166 | max-height: 231px; |
