Changeset 46244

Timestamp:

09/23/2019 03:48:32 PM (5 years ago)

Author:

afercia

Message:

Accessibility: Improve and modernize user interface controls for better contrast. Fourth part: Media Views form controls.

Props anevins, audrasjb, nrqsnchzm, kjellr, karmatosed.
Fixes #47150.

File:

• trunk/src/wp-includes/css/media-views.css (modified) (3 diffs)

trunk/src/wp-includes/css/media-views.css

@@ -86 +86 @@
 .media-frame textarea,
 .media-frame select {
+    padding: 6px 8px;
+    box-shadow: 0 0 0 transparent;
+    transition: box-shadow 0.1s linear;
+    border: 1px solid #7e8993;
+    border-radius: 4px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     font-size: 12px;
-    border-width: 1px;
-    border-style: solid;
-    border-color: #ddd;
 }
 
@@ -101 +103 @@
 .media-frame textarea:focus,
 .media-frame select:focus {
-    border-color: #5b9dd9;
+    border-color: #007cba;
+    box-shadow: 0 0 0 1px #007cba;
+    outline: 2px solid transparent;
 }
 
@@ -210 +214 @@
     /* Only visible in Windows High Contrast mode */
     outline: 2px solid transparent;
-    outline-offset: -2px;
 }