WordPress.org

Make WordPress Core

Changeset 33109


Ignore:
Timestamp:
07/07/2015 04:40:34 PM (4 years ago)
Author:
helen
Message:

Better styling for .form-invalid inputs.

props liljimmi.
fixes #32490.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/forms.css

    r33050 r33109  
    233233}
    234234
    235 .form-invalid {
    236     background-color: #ffebe8 !important;
    237 }
    238 
    239 .form-invalid input,
    240 .form-invalid select {
    241     border-color: #c00 !important;
     235.form-invalid input, .form-invalid input:focus,
     236.form-invalid select, .form-invalid select:focus {
     237    border-color: #dc3232 !important;
     238    -webkit-box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
     239    box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
     240}
     241
     242.form-table .form-required.form-invalid td:after {
     243    content: '\f534';
     244    font: normal 20px/1 dashicons;
     245    color: #dc3232;
     246    margin-left: -25px;
     247    vertical-align: middle;
    242248}
    243249
     
    10801086    }
    10811087
     1088    .form-table .form-required.form-invalid td:after {
     1089        float: right;
     1090        margin: -30px 3px 0 0;
     1091    }
     1092
    10821093    #wpbody .form-table td select {
    10831094        height: 40px;
     
    12271238    }
    12281239}
    1229 
Note: See TracChangeset for help on using the changeset viewer.