WordPress.org

Make WordPress Core

Ticket #39441: 39441.css.2.diff

File 39441.css.2.diff, 8.9 KB (added by flixos90, 3 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.settings-fields .settings-field-control .title-label {
     689        font-weight: 600;
     690}
     691
     692.form-table .date-time-doc,
     693.settings-fields .date-time-doc {
    664694        margin-top: 1em;
    665695}
    666696
    667 .form-table p.timezone-info {
     697.form-table p.timezone-info,
     698.settings-fields p.timezone-info {
    668699        margin: 1em 0;
    669700}
    670701
    671 .form-table td fieldset label {
     702.form-table td fieldset label,
     703.settings-fields .settings-field-control .radio-item,
     704.settings-fields .settings-field-control .multibox-item {
    672705        margin: 0.25em 0 0.5em !important;
    673706        display: inline-block;
    674707}
    675708
    676709.form-table td fieldset label,
    677710.form-table td fieldset p,
    678 .form-table td fieldset li {
     711.form-table td fieldset li,
     712.settings-fields .settings-field-control .radio-item,
     713.settings-fields .settings-field-control .multibox-item {
    679714        line-height: 1.4em;
    680715}
    681716
    682717.form-table input.tog,
    683 .form-table input[type="radio"] {
     718.form-table input[type="radio"],
     719.settings-fields input.tog,
     720.settings-fields input[type="radio"] {
    684721        margin-top: -4px;
    685722        margin-right: 4px;
    686723        float: none;
    687724}
    688725
    689 .form-table .pre {
     726.form-table .pre,
     727.settings-fields .pre {
    690728        padding: 8px;
    691729        margin: 0;
    692730}
    693731
    694 table.form-table td .updated {
     732table.form-table td .updated,
     733.settings-fields .settings-field-control .updated {
    695734        font-size: 13px;
    696735}
    697736
    698 table.form-table td .updated p {
     737table.form-table td .updated p,
     738.settings-fields .settings-field-control .updated p {
    699739        font-size: 13px;
    700740        margin: 0.3em 0;
    701741}
     
    704744  18.0 - Users
    705745------------------------------------------------------------------------------*/
    706746
    707 #profile-page .form-table textarea {
     747#profile-page .form-table textarea,
     748#profile-page .settings-fields textarea {
    708749        width: 500px;
    709750        margin-bottom: 6px;
    710751}
    711752
    712 #profile-page .form-table #rich_editing {
     753#profile-page .form-table #rich_editing,
     754#profile-page .settings-fields #rich_editing {
    713755        margin-right: 5px
    714756}
    715757
     
    11731215                width: 100%;
    11741216        }
    11751217
    1176         .form-table {
     1218        .form-table,
     1219        .settings-fields {
    11771220                -webkit-box-sizing: border-box;
    11781221                -moz-box-sizing: border-box;
    11791222                box-sizing: border-box;
    11801223        }
    11811224
     1225        .settings-field {
     1226                display: block;
     1227        }
     1228
    11821229        .form-table th,
    11831230        .form-table td,
     1231        .settings-fields .settings-field-title,
     1232        .settings-fields .settings-field-control,
    11841233        .label-responsive {
    11851234                display: block;
    11861235                width: auto;
     
    11951244                margin-bottom: 0;
    11961245        }
    11971246
    1198         .form-table .color-palette td {
     1247        .form-table .color-palette td,
     1248        .settings-fields .color-palette td {
    11991249                display: table-cell;
    12001250                width: 15px;
    12011251        }
    12021252
    1203         .form-table table.color-palette {
     1253        .form-table table.color-palette,
     1254        .settings-fields table.color-palette {
    12041255                margin-right: 10px;
    12051256        }
    12061257
     
    12151266        .form-table td select,
    12161267        .form-table td textarea,
    12171268        .form-table span.description,
    1218         #profile-page .form-table textarea {
     1269        #profile-page .form-table textarea,
     1270        .settings-fields .settings-field-control input[type="text"],
     1271        .settings-fields .settings-field-control input[type="email"],
     1272        .settings-fields .settings-field-control input[type="password"],
     1273        .settings-fields .settings-field-control select,
     1274        .settings-fields .settings-field-control textarea,
     1275        .settings-fields span.description,
     1276        #profile-page .settings-fields textarea {
    12191277                width: 100%;
    12201278                font-size: 16px;
    12211279                line-height: 1.5;
     
    12271285                box-sizing: border-box;
    12281286        }
    12291287
    1230         .form-table .form-required.form-invalid td:after {
     1288        .form-table .form-required.form-invalid td:after,
     1289        .settings-fields .form-required.form-invalid .settings-field-control:after {
    12311290                float: right;
    12321291                margin: -30px 3px 0 0;
    12331292        }
    12341293
    1235         #wpbody .form-table td select {
     1294        #wpbody .form-table td select,
     1295        #wpbody .settings-fields .settings-field-control select {
    12361296                height: 40px;
    12371297        }
    12381298
     
    12411301        input[type="password"].small-text,
    12421302        input[type="number"].small-text,
    12431303        input[type="number"].small-text,
    1244         .form-table input[type="text"].small-text {
     1304        .form-table input[type="text"].small-text,
     1305        .settings-fields input[type="text"].small-text {
    12451306                width: auto;
    12461307                max-width: 55px;
    12471308                display: inline;
     
    12791340                margin-bottom: 10px;
    12801341        }
    12811342
    1282         .form-table span.description {
     1343        .form-table span.description,
     1344        .settings-fields span.description {
    12831345                display: inline;
    12841346                padding: 4px 0 0;
    12851347                line-height: 1.4em;
    12861348                font-size: 14px;
    12871349        }
    12881350
    1289         .form-table th {
     1351        .form-table th,
     1352        .settings-fields .settings-field-title {
    12901353                padding-top: 10px;
    12911354                padding-bottom: 0;
    12921355                border-bottom: 0;
    12931356        }
    12941357
    1295         .form-table td {
     1358        .form-table td,
     1359        .settings-fields .settings-field-control {
    12961360                margin-bottom: 0;
    12971361                padding-bottom: 6px;
    12981362                padding-top: 4px;
    12991363                padding-left: 0;
    13001364        }
    13011365
    1302         .form-table.permalink-structure td code {
     1366        .form-table.permalink-structure td code,
     1367        .settings-fields.permalink-structure .settings-field-control code {
    13031368                margin-left: 32px;
    13041369        }
    13051370
    1306         .form-table.permalink-structure td input[type="text"] {
     1371        .form-table.permalink-structure td input[type="text"],
     1372        .settings-fields.permalink-structure .settings-field-control input[type="text"] {
    13071373                margin-left: 32px;
    13081374                margin-top: 4px;
    13091375                width: 96%;
    13101376        }
    13111377
    1312         .form-table input.regular-text {
     1378        .form-table input.regular-text,
     1379        .settings-fields input.regular-text {
    13131380                width: 100%;
    13141381        }
    13151382
    1316         .form-table label {
     1383        .form-table label,
     1384        .settings-fields label {
    13171385                font-size: 14px;
    13181386        }
    13191387
    1320         .form-table fieldset label {
     1388        .form-table fieldset label,
     1389        .settings-fields fieldset label {
    13211390                display: block;
    13221391        }
    13231392
     
    13281397                margin-top: 0.5em;
    13291398        }
    13301399
    1331         .form-field #domain {
     1400        .form-field #domain, {
    13321401                max-width: none;
    13331402        }
    13341403
     
    13851454        }
    13861455
    13871456        /* users */
    1388         #profile-page .form-table textarea {
     1457        #profile-page .form-table textarea,
     1458        #profile-page .settings-fields textarea {
    13891459                max-width: 400px;
    13901460                width: auto;
    13911461        }