Changeset 33109

Timestamp:

07/07/2015 04:40:34 PM (11 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 @@
         }
 }
-