Changeset 46360

Timestamp:

09/30/2019 06:04:59 PM (7 years ago)

Author:

afercia

Message:

Accessibility: Improve and modernize user interface controls: Improve new styles for the color picker.

Props audrasjb, garrett-eclipse.
Fixes #48131.

File:

• trunk/src/wp-admin/css/color-picker.css (modified) (4 diffs)

trunk/src/wp-admin/css/color-picker.css

@@ -11 +11 @@
 /* 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;
@@ -23 +23 @@
         color: #555;
         display: block;
-        line-height: 2;
+        line-height: 2.36363636; /* 26px */
         padding: 0 6px;
         text-align: center;
@@ -71 +71 @@
 }
 
-.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;
 }
 
@@ -90 +91 @@
         font-size: 12px;
         font-family: monospace;
-        line-height: 1.4;
+        line-height: 1.33333333; /* 16px */
         margin: 0;
+        padding: 5px;
         vertical-align: top;
 }