Better styling for .form-invalid inputs.

props liljimmi.
fixes #32490.

Built from https://develop.svn.wordpress.org/trunk@33109


git-svn-id: http://core.svn.wordpress.org/trunk@33080 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2015-07-07 16:41:25 +00:00
parent 7bbf64a2b9
commit acad0e2008
7 changed files with 37 additions and 17 deletions

View File

@ -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-right: -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: left;
margin: -30px 0 0 3px;
}
#wpbody .form-table td select {
height: 40px;
}
@ -1226,4 +1237,3 @@ table.form-table td .updated p {
width: 49%;
}
}

View File

@ -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%;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.3-beta1-33108';
$wp_version = '4.3-beta1-33109';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.