diff -r c7c34916027a -r 177826044cd9 wp/wp-admin/css/color-picker-rtl.css --- a/wp/wp-admin/css/color-picker-rtl.css Mon Oct 14 18:06:33 2019 +0200 +++ b/wp/wp-admin/css/color-picker-rtl.css Mon Oct 14 18:28:13 2019 +0200 @@ -1,5 +1,7 @@ +/* rtl:ignore */ .wp-color-picker { width: 80px; + direction: ltr; } .wp-picker-container .hidden { @@ -20,7 +22,7 @@ border-right: 1px solid #ccc; color: #555; display: block; - line-height: 22px; + line-height: 2; padding: 0 6px; text-align: center; } @@ -39,18 +41,17 @@ border-right: 1px solid #999; } -.wp-picker-containers { +.wp-picker-container { display: inline-block; } .wp-color-result:focus { border-color: #5b9dd9; - box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); + box-shadow: 0 0 3px rgba(0, 115, 170, 0.8); } .wp-color-result:active { /* See Trac ticket #39662 */ - -webkit-transform: none !important; transform: none !important; } @@ -71,7 +72,7 @@ .wp-picker-input-wrap .button, .wp-customizer .wp-picker-input-wrap .button { - margin-right: 6px; + margin-right: 6px; } .wp-picker-container .iris-square-slider .ui-slider-handle:focus { @@ -88,7 +89,7 @@ width: 65px; font-size: 12px; font-family: monospace; - line-height: 16px; + line-height: 1.4; margin: 0; vertical-align: top; } @@ -116,22 +117,22 @@ .iris-picker .iris-strip .ui-slider-handle:focus { box-shadow: 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); + 0 0 2px 1px rgba(30, 140, 190, 0.8); } .iris-picker .iris-palette:focus { box-shadow: - inset 0 0 5px rgba(0,0,0,.4), + inset 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 1px #5b9dd9, - 0 0 2px 1px rgba(30, 140, 190, .8); + 0 0 2px 1px rgba(30, 140, 190, 0.8); } -@media screen and ( max-width: 782px ) { +@media screen and (max-width: 782px) { .wp-picker-container input[type="text"].wp-color-picker { width: 80px; padding: 6px 5px 5px; font-size: 16px; - line-height: 18px; + line-height: 1.15; } .wp-customizer .wp-picker-container input[type="text"].wp-color-picker { @@ -142,12 +143,12 @@ height: auto; padding: 0 40px 0 0; font-size: 14px; - line-height: 29px; + line-height: 2.1; } .wp-customizer .wp-picker-container .wp-color-result.button { font-size: 13px; - line-height: 26px; + line-height: 2; } .wp-picker-container .wp-color-result-text { @@ -161,10 +162,10 @@ } } -@media screen and ( max-width: 640px ) { +@media screen and (max-width: 640px) { .wp-customizer .wp-picker-container .wp-color-result.button { font-size: 14px; - line-height: 29px; + line-height: 2.1; } .wp-customizer .wp-picker-container input[type="text"].wp-color-picker {