Changeset 46419

Timestamp:

10/07/2019 01:18:19 PM (5 years ago)

Author:

afercia

Message:

Accessibility: Improve and modernize user interface controls for better contrast: Further improvements to input heights and alignments.

• improves input fields height in the customizer
• improves input fields height for Internet Explorer 11
• improves input fields height in the Image Editor
• improves alignment of selects and buttons in the privacy policy pages
• makes the search themes fields font-size consistent

Props garrett-eclipse, afercia.
See #47477.

Location:

trunk/src/wp-admin/css

Files:

• color-picker.css (modified) (1 diff)
• customize-controls.css (modified) (5 diffs)
• forms.css (modified) (2 diffs)
• media.css (modified) (1 diff)
• themes.css (modified) (1 diff)

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

@@ -95 +95 @@
     padding: 5px;
     vertical-align: top;
+    min-height: 28px;
 }
 

trunk/src/wp-admin/css/customize-controls.css

@@ -285 +285 @@
 
 #customize-control-changeset_preview_link input {
-    line-height: 2.5;
+    line-height: 2.85714286; /* 40px */
     border-top: 1px solid #ddd;
     border-left: none;
@@ -291 +291 @@
     text-indent: -999px;
     color: #fff;
+    /* Only necessary for IE11 */
+    min-height: 40px;
 }
 
@@ -348 +350 @@
 
 .date-time-fields .date-input.year {
-    width: 60px;
+    width: 65px;
 }
 
@@ -925 +927 @@
 .customize-control input[type="url"] {
     width: 100%;
-    line-height: 1.3;
     margin: 0;
 }
@@ -2589 +2590 @@
 #available-menu-items-search input {
     width: 100%;
-    height: 32px;
+    min-height: 32px;
     margin: 1px 0;
-    padding: 6px 30px;
+    padding: 0 30px;
 }
 

trunk/src/wp-admin/css/forms.css

@@ -75 +75 @@
     /* inherits font size 14px */
     line-height: 2; /* 28px */
+    /* Only necessary for IE11 */
+    min-height: 30px;
 }
 
@@ -1172 +1174 @@
 .tools-privacy-policy-page input.button,
 .tools-privacy-policy-page select {
-    margin-left: 6px;
+    margin: 0 1px 0 6px;
 }
 

trunk/src/wp-admin/css/media.css

@@ -1129 +1129 @@
     width: 80px;
     font-size: 14px;
-    padding: 5px 8px;
+    padding: 0 8px;
 }
 

trunk/src/wp-admin/css/themes.css

@@ -35 +35 @@
     margin: 0;
     width: 280px;
+    font-size: inherit;
 }