From 74f9cf79a0e0dd2205f1c68a1133c5f6c4e81f03 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Mon, 30 Sep 2019 18:04:59 +0000 Subject: [PATCH] Accessibility: Improve and modernize user interface controls: Improve new styles for the color picker. Props audrasjb, garrett-eclipse. Fixes #48131. git-svn-id: https://develop.svn.wordpress.org/trunk@46360 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/color-picker.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/src/wp-admin/css/color-picker.css b/src/wp-admin/css/color-picker.css index 29540153ad..815a7df600 100644 --- a/src/wp-admin/css/color-picker.css +++ b/src/wp-admin/css/color-picker.css @@ -10,7 +10,7 @@ /* Needs higher specificiity. */ .wp-picker-container .wp-color-result.button { - height: 24px; + min-height: 28px; margin: 0 6px 6px 0px; padding: 0 0 0 30px; font-size: 11px; @@ -22,7 +22,7 @@ border-left: 1px solid #ccc; color: #555; display: block; - line-height: 2; + line-height: 2.36363636; /* 26px */ padding: 0 6px; text-align: center; } @@ -70,9 +70,10 @@ margin: 0 !important; } -.wp-picker-input-wrap .button, -.wp-customizer .wp-picker-input-wrap .button { +.wp-picker-input-wrap .button.wp-picker-default, +.wp-customizer .wp-picker-input-wrap .button.wp-picker-default { margin-left: 6px; + padding: 2px 8px; } .wp-picker-container .iris-square-slider .ui-slider-handle:focus { @@ -89,8 +90,9 @@ width: 65px; font-size: 12px; font-family: monospace; - line-height: 1.4; + line-height: 1.33333333; /* 16px */ margin: 0; + padding: 5px; vertical-align: top; }