WordPress.org
Get WordPress

Make WordPress Core

Ticket #39441: 39441.css.diff

File 39441.css.diff, 8.9 KB (added by flixos90, 8 years ago)

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

     
    159159@-moz-document url-prefix() {
    160160        input[type="checkbox"],
    161161        input[type="radio"],
    162         .form-table input.tog {
     162        .form-table input.tog,
     163        .settings-fields input.tog {
    163164                margin-bottom: -1px;
    164165        }
    165166}
    … …  
    253254        box-shadow: 0 0 2px rgba( 204, 0, 0, 0.8 );
    254255}
    255256
    256 .form-table .form-required.form-invalid td:after {
     257.form-table .form-required.form-invalid td:after,
     258.settings-fields .form-required.form-invalid .settings-field-control:after {
    257259        content: "\f534";
    258260        font: normal 20px/1 dashicons;
    259261        color: #dc3232;
    … …  
    262264}
    263265
    264266/* Adjust error indicator for password layout */
    265 .form-table .form-required.user-pass1-wrap.form-invalid td:after {
     267.form-table .form-required.user-pass1-wrap.form-invalid td:after,
     268.settings-fields .form-required.user-pass1-wrap.form-invalid .settings-field-control:after {
    266269        content: '';
    267270}
    268271
    269 .form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
     272.form-table .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after,
     273.settings-fields .form-required.user-pass1-wrap.form-invalid .password-input-wrapper:after {
    270274        content: '\f534';
    271275        font: normal 20px/1 dashicons;
    272276        color: #dc3232;
    … …  
    365369
    366370table.form-table + p.submit,
    367371table.form-table + input + p.submit,
    368 table.form-table + input + input + p.submit {
     372table.form-table + input + input + p.submit,
     373.settings-fields + p.submit,
     374.settings-fields + input + p.submit,
     375.settings-fields + input + input + p.submit {
    369376        border-top: none;
    370377        padding-top: 0;
    371378}
    … …  
    530537        display: inline-block;
    531538}
    532539
    533 .form-table span.description.important {
     540.form-table span.description.important,
     541.settings-fields span.description.important {
    534542        font-size: 12px;
    535543}
    536544
    … …  
    612620  15.0 - Comments Screen
    613621------------------------------------------------------------------------------*/
    614622
    615 .form-table {
     623.form-table,
     624.settings-fields {
     625        display: table;
    616626        border-collapse: collapse;
    617627        margin-top: 0.5em;
    618628        width: 100%;
    … …  
    619629        clear: both;
    620630}
    621631
     632.settings-fields .settings-field {
     633        display: table-row;
     634}
     635
    622636.form-table,
    623637.form-table td,
    624638.form-table th,
    625 .form-table td p {
     639.form-table td p,
     640.settings-fields,
     641.settings-fields .settings-field-control,
     642.settings-fields .settings-field-title,
     643.settings-fields .settings-field-control p {
    626644        font-size: 14px;
    627645}
    628646
    629 .form-table td {
     647.form-table td,
     648.settings-fields .settings-field-control {
     649        display: table-cell;
    630650        margin-bottom: 9px;
    631651        padding: 15px 10px;
    632652        line-height: 1.3;
    … …  
    634654}
    635655
    636656.form-table th,
     657.settings-fields .settings-field-title,
    637658.form-wrap label {
    638659        color: #23282d;
    639660        font-weight: 400;
    … …  
    641662        vertical-align: baseline;
    642663}
    643664
    644 .form-table th {
     665.form-table th,
     666.settings-fields .settings-field-title {
     667        display: table-cell;
    645668        vertical-align: top;
    646669        text-align: left;
    647670        padding: 20px 10px 20px 0;
    … …  
    650673        font-weight: 600;
    651674}
    652675
    653 .form-table th.th-full {
     676.form-table th.th-full,
     677.settings-fields .settings-field-title.th-full {
    654678        width: auto;
    655679        font-weight: 400;
    656680}
    657681
    658 .form-table td p {
     682.form-table td p,
     683.settings-fields .settings-field-control p {
    659684        margin-top: 4px;
    660685        margin-bottom: 0;
    661686}
    662687
    663 .form-table .date-time-doc {
     688.form-table .date-time-doc,
     689.settings-fields .date-time-doc {
    664690        margin-top: 1em;
    665691}
    666692
    667 .form-table p.timezone-info {
     693.form-table p.timezone-info,
     694.settings-fields p.timezone-info {
    668695        margin: 1em 0;
    669696}
    670697
    671 .form-table td fieldset label {
     698.form-table td fieldset label,
     699.settings-fields .settings-field-control .radio-item,
     700.settings-fields .settings-field-control .multibox-item {
    672701        margin: 0.25em 0 0.5em !important;
    673702        display: inline-block;
    674703}
    … …  
    675704
    676705.form-table td fieldset label,
    677706.form-table td fieldset p,
    678 .form-table td fieldset li {
     707.form-table td fieldset li,
     708.settings-fields .settings-field-control .radio-item,
     709.settings-fields .settings-field-control .multibox-item {
    679710        line-height: 1.4em;
    680711}
    681712
    682713.form-table input.tog,
    683 .form-table input[type="radio"] {
     714.form-table input[type="radio"],
     715.settings-fields input.tog,
     716.settings-fields input[type="radio"] {
    684717        margin-top: -4px;
    685718        margin-right: 4px;
    686719        float: none;
    687720}
    688721
    689 .form-table .pre {
     722.form-table .pre,
     723.settings-fields .pre {
    690724        padding: 8px;
    691725        margin: 0;
    692726}
    693727
    694 table.form-table td .updated {
     728table.form-table td .updated,
     729.settings-fields .settings-field-control .updated {
    695730        font-size: 13px;
    696731}
    697732
    698 table.form-table td .updated p {
     733table.form-table td .updated p,
     734.settings-fields .settings-field-control .updated p {
    699735        font-size: 13px;
    700736        margin: 0.3em 0;
    701737}
    … …  
    704740  18.0 - Users
    705741------------------------------------------------------------------------------*/
    706742
    707 #profile-page .form-table textarea {
     743#profile-page .form-table textarea,
     744#profile-page .settings-fields textarea {
    708745        width: 500px;
    709746        margin-bottom: 6px;
    710747}
    711748
    712 #profile-page .form-table #rich_editing {
     749#profile-page .form-table #rich_editing,
     750#profile-page .settings-fields #rich_editing {
    713751        margin-right: 5px
    714752}
    715753
    … …  
    11731211                width: 100%;
    11741212        }
    11751213
    1176         .form-table {
     1214        .form-table,
     1215        .settings-fields {
    11771216                -webkit-box-sizing: border-box;
    11781217                -moz-box-sizing: border-box;
    11791218                box-sizing: border-box;
    11801219        }
    11811220
     1221        .settings-field {
     1222                display: block;
     1223        }
     1224
    11821225        .form-table th,
    11831226        .form-table td,
     1227        .settings-fields .settings-field-title,
     1228        .settings-fields .settings-field-control,
    11841229        .label-responsive {
    11851230                display: block;
    11861231                width: auto;
    … …  
    11951240                margin-bottom: 0;
    11961241        }
    11971242
    1198         .form-table .color-palette td {
     1243        .form-table .color-palette td,
     1244        .settings-fields .color-palette td {
    11991245                display: table-cell;
    12001246                width: 15px;
    12011247        }
    12021248
    1203         .form-table table.color-palette {
     1249        .form-table table.color-palette,
     1250        .settings-fields table.color-palette {
    12041251                margin-right: 10px;
    12051252        }
    12061253
    … …  
    12151262        .form-table td select,
    12161263        .form-table td textarea,
    12171264        .form-table span.description,
    1218         #profile-page .form-table textarea {
     1265        #profile-page .form-table textarea,
     1266        .settings-fields .settings-field-control input[type="text"],
     1267        .settings-fields .settings-field-control input[type="email"],
     1268        .settings-fields .settings-field-control input[type="password"],
     1269        .settings-fields .settings-field-control select,
     1270        .settings-fields .settings-field-control textarea,
     1271        .settings-fields span.description,
     1272        #profile-page .settings-fields textarea {
    12191273                width: 100%;
    12201274                font-size: 16px;
    12211275                line-height: 1.5;
    … …  
    12271281                box-sizing: border-box;
    12281282        }
    12291283
    1230         .form-table .form-required.form-invalid td:after {
     1284        .form-table .form-required.form-invalid td:after,
     1285        .settings-fields .form-required.form-invalid .settings-field-control:after {
    12311286                float: right;
    12321287                margin: -30px 3px 0 0;
    12331288        }
    12341289
    1235         #wpbody .form-table td select {
     1290        #wpbody .form-table td select,
     1291        #wpbody .settings-fields .settings-field-control select {
    12361292                height: 40px;
    12371293        }
    12381294
    … …  
    12411297        input[type="password"].small-text,
    12421298        input[type="number"].small-text,
    12431299        input[type="number"].small-text,
    1244         .form-table input[type="text"].small-text {
     1300        .form-table input[type="text"].small-text,
     1301        .settings-fields input[type="text"].small-text {
    12451302                width: auto;
    12461303                max-width: 55px;
    12471304                display: inline;
    … …  
    12791336                margin-bottom: 10px;
    12801337        }
    12811338
    1282         .form-table span.description {
     1339        .form-table span.description,
     1340        .settings-fields span.description {
    12831341                display: inline;
    12841342                padding: 4px 0 0;
    12851343                line-height: 1.4em;
    … …  
    12861344                font-size: 14px;
    12871345        }
    12881346
    1289         .form-table th {
     1347        .form-table th,
     1348        .settings-fields .settings-field-title {
    12901349                padding-top: 10px;
    12911350                padding-bottom: 0;
    12921351                border-bottom: 0;
    12931352        }
    12941353
    1295         .form-table td {
     1354        .form-table td,
     1355        .settings-fields .settings-field-control {
    12961356                margin-bottom: 0;
    12971357                padding-bottom: 6px;
    12981358                padding-top: 4px;
    … …  
    12991359                padding-left: 0;
    13001360        }
    13011361
    1302         .form-table.permalink-structure td code {
     1362        .form-table.permalink-structure td code,
     1363        .settings-fields.permalink-structure .settings-field-control code {
    13031364                margin-left: 32px;
    13041365        }
    13051366
    1306         .form-table.permalink-structure td input[type="text"] {
     1367        .form-table.permalink-structure td input[type="text"],
     1368        .settings-fields.permalink-structure .settings-field-control input[type="text"] {
    13071369                margin-left: 32px;
    13081370                margin-top: 4px;
    13091371                width: 96%;
    13101372        }
    13111373
    1312         .form-table input.regular-text {
     1374        .form-table input.regular-text,
     1375        .settings-fields input.regular-text {
    13131376                width: 100%;
    13141377        }
    13151378
    1316         .form-table label {
     1379        .form-table label,
     1380        .settings-fields label {
    13171381                font-size: 14px;
    13181382        }
    13191383
    1320         .form-table fieldset label {
     1384        .form-table fieldset label,
     1385        .settings-fields fieldset label {
    13211386                display: block;
    13221387        }
    13231388
    … …  
    13281393                margin-top: 0.5em;
    13291394        }
    13301395
    1331         .form-field #domain {
     1396        .form-field #domain, {
    13321397                max-width: none;
    13331398        }
    13341399
    … …  
    13851450        }
    13861451
    13871452        /* users */
    1388         #profile-page .form-table textarea {
     1453        #profile-page .form-table textarea,
     1454        #profile-page .settings-fields textarea {
    13891455                max-width: 400px;
    13901456                width: auto;
    13911457        }