Changeset 33109

Timestamp:

07/07/2015 04:40:34 PM (9 years ago)

Author:

helen

Message:

Better styling for .form-invalid inputs.

props liljimmi.
fixes #32490.

File:

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

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

@@ -233 +233 @@
 }
 
-.form-invalid {
-    background-color: #ffebe8 !important;
-}
-
-.form-invalid input,
-.form-invalid select {
-    border-color: #c00 !important;
+.form-invalid input, .form-invalid input:focus, 
+.form-invalid select, .form-invalid select:focus {
+    border-color: #dc3232 !important;
+    -webkit-box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 ); 
+    box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 ); 
+}
+
+.form-table .form-required.form-invalid td:after {
+    content: '\f534';
+    font: normal 20px/1 dashicons;
+    color: #dc3232;
+    margin-left: -25px;
+    vertical-align: middle;
 }
 
@@ -1080 +1086 @@
     }
 
+    .form-table .form-required.form-invalid td:after {
+        float: right;
+        margin: -30px 3px 0 0;
+    }
+
     #wpbody .form-table td select {
         height: 40px;
@@ -1227 +1238 @@
     }
 }
-