Changeset 27741

Timestamp:

03/26/2014 04:05:34 PM (11 years ago)

Author:

helen

Message:

Better focus styles for form elements in the admin. These are purposefully not keyed to admin color schemes, as different colors could communicate a state like an error as opposed to focus. props celloexpressions. fixes #27173.

File:

• trunk/src/wp-admin/css/forms.css (modified) (3 diffs)

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

@@ -36 +36 @@
     -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
     box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
+    -webkit-transition: .05s border-color ease-in-out;
+    transition: .05s border-color ease-in-out;
 }
 
@@ -215 +217 @@
     background-color: #fff;
     color: #333;
+    -webkit-transition: .05s border-color ease-in-out;
+    transition: .05s border-color ease-in-out;
 }
 
 select[disabled] {
     color: #7f7f7f;
-}
-
-select:focus {
-    border-color: #aaa;
 }
 
@@ -236 +236 @@
 input[type="radio"]:focus,
 select:focus {
-    border-color: #999;
-    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+    border-color: #5b9dd9;
+    -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
+    box-shadow: 0 0 2px rgba(30,140,190,0.8);
 }