Changeset 46247

Timestamp:

09/23/2019 04:20:24 PM (5 years ago)

Author:

afercia

Message:

Accessibility: Improve and modernize user interface controls for better contrast. Fifth part: Common form controls.

Props anevins, melchoyce, audrasjb, kjellr.
Fixes #47153.

Location:

trunk/src/wp-admin/css

Files:

• common.css (modified) (3 diffs)
• forms.css (modified) (3 diffs)

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

@@ -1369 +1369 @@
     border: 1px solid #ccd0d4;
     border-left-width: 4px;
-    box-shadow: 0 1px 1px rgba(0,0,0,.04)
+    box-shadow: 0 1px 1px rgba(0,0,0,.04);
     margin: 5px 15px 2px;
     padding: 1px 12px;
@@ -1674 +1674 @@
     border: 1px solid #ccd0d4;
     border-top: none;
-    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.025);
+    box-shadow: 0 0 0 transparent;
 }
 
@@ -1691 +1691 @@
     border: 1px solid #ccd0d4;
     border-top: none;
-    border-bottom-color: #ccd0d4;
     height: auto;
     margin-bottom: 0;
     padding: 3px 6px 3px 16px;
     background: #fff;
-    border-radius: 0;
+    border-radius: 0 0 4px 4px;
     color: #72777c;
     line-height: 1.7;
-    box-shadow: none;
+    box-shadow: 0 0 0 transparent;
+    transition: box-shadow 0.1s linear;
 }
 

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

@@ -24 +24 @@
 select,
 textarea {
-    border: 1px solid #ddd;
-    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
+    padding: 6px 8px;
+    box-shadow: 0 0 0 transparent;
+    transition: box-shadow 0.1s linear;
+    border-radius: 4px;
+    border: 1px solid #7e8993;
     background-color: #fff;
     color: #32373c;
     outline: none;
-    transition: 0.05s border-color ease-in-out;
 }
 
@@ -71 +73 @@
 input[type="checkbox"],
 input[type="radio"] {
-    border: 1px solid #b4b9be;
+    border: 1px solid #7e8993;
     background: #fff;
     color: #555;
@@ -185 +187 @@
     font-size: 14px;
     padding: 3px 5px;
-    border-radius: 0; /* Reset mobile webkit's default element styling */
 }