From 68b5d643d0f4fe2bd4a504f279a3d639e23dc940 Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Tue, 7 Jul 2015 16:40:34 +0000 Subject: [PATCH] Better styling for `.form-invalid` inputs. props liljimmi. fixes #32490. git-svn-id: https://develop.svn.wordpress.org/trunk@33109 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/forms.css | 22 ++++++++++++++++------ 1 file changed, 16 insertions(+), 6 deletions(-) diff --git a/src/wp-admin/css/forms.css b/src/wp-admin/css/forms.css index ec3ebe44ea..3ceaa5b19d 100644 --- a/src/wp-admin/css/forms.css +++ b/src/wp-admin/css/forms.css @@ -232,13 +232,19 @@ textarea[readonly] { color: #a9a9a9; } -.form-invalid { - background-color: #ffebe8 !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-invalid input, -.form-invalid select { - border-color: #c00 !important; +.form-table .form-required.form-invalid td:after { + content: '\f534'; + font: normal 20px/1 dashicons; + color: #dc3232; + margin-left: -25px; + vertical-align: middle; } .form-input-tip { @@ -1079,6 +1085,11 @@ table.form-table td .updated p { box-sizing: border-box; } + .form-table .form-required.form-invalid td:after { + float: right; + margin: -30px 3px 0 0; + } + #wpbody .form-table td select { height: 40px; } @@ -1226,4 +1237,3 @@ table.form-table td .updated p { width: 49%; } } -