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
This commit is contained in:
Andrea Fercia 2019-09-30 18:04:59 +00:00
parent 4b152de517
commit 74f9cf79a0
1 changed files with 7 additions and 5 deletions

View File

@ -10,7 +10,7 @@
/* Needs higher specificiity. */ /* Needs higher specificiity. */
.wp-picker-container .wp-color-result.button { .wp-picker-container .wp-color-result.button {
height: 24px; min-height: 28px;
margin: 0 6px 6px 0px; margin: 0 6px 6px 0px;
padding: 0 0 0 30px; padding: 0 0 0 30px;
font-size: 11px; font-size: 11px;
@ -22,7 +22,7 @@
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
color: #555; color: #555;
display: block; display: block;
line-height: 2; line-height: 2.36363636; /* 26px */
padding: 0 6px; padding: 0 6px;
text-align: center; text-align: center;
} }
@ -70,9 +70,10 @@
margin: 0 !important; margin: 0 !important;
} }
.wp-picker-input-wrap .button, .wp-picker-input-wrap .button.wp-picker-default,
.wp-customizer .wp-picker-input-wrap .button { .wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
margin-left: 6px; margin-left: 6px;
padding: 2px 8px;
} }
.wp-picker-container .iris-square-slider .ui-slider-handle:focus { .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@ -89,8 +90,9 @@
width: 65px; width: 65px;
font-size: 12px; font-size: 12px;
font-family: monospace; font-family: monospace;
line-height: 1.4; line-height: 1.33333333; /* 16px */
margin: 0; margin: 0;
padding: 5px;
vertical-align: top; vertical-align: top;
} }