Changeset 46360

Timestamp:

09/30/2019 06:04:59 PM (5 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;
 }