Make WordPress Core

Ticket #48420: 48420.2.diff

File 48420.2.diff, 14.5 KB (added by afercia, 5 years ago)
  • src/wp-admin/css/color-picker.css

     
    1010
    1111/* Needs higher specificiity. */
    1212.wp-picker-container .wp-color-result.button {
    13         min-height: 28px;
     13        min-height: 30px;
    1414        margin: 0 6px 6px 0px;
    1515        padding: 0 0 0 30px;
    1616        font-size: 11px;
     
    2222        border-left: 1px solid #ccc;
    2323        color: #555;
    2424        display: block;
    25         line-height: 2.36363636; /* 26px */
     25        line-height: 2.54545455; /* 28px */
    2626        padding: 0 6px;
    2727        text-align: center;
    2828}
     
    7373.wp-picker-input-wrap .button.wp-picker-default,
    7474.wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
    7575        margin-left: 6px;
    76         padding: 2px 8px;
     76        padding: 0 8px;
     77        line-height: 2.54545455; /* 28px */
     78        min-height: 30px;
    7779}
    7880
    7981.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
     
    8789}
    8890
    8991.wp-picker-container input[type="text"].wp-color-picker {
    90         width: 65px;
     92        width: 4rem;
    9193        font-size: 12px;
    9294        font-family: monospace;
    93         line-height: 1.33333333; /* 16px */
     95        line-height: 2.33333333; /* 28px */
    9496        margin: 0;
    95         padding: 5px;
     97        padding: 0 5px;
    9698        vertical-align: top;
    97         min-height: 28px;
     99        min-height: 30px;
    98100}
    99101
    100102.wp-color-picker::-webkit-input-placeholder {
     
    132134
    133135@media screen and (max-width: 782px) {
    134136        .wp-picker-container input[type="text"].wp-color-picker {
    135                 width: 80px;
    136                 padding: 6px 5px 5px;
     137                width: 5rem;
    137138                font-size: 16px;
    138                 line-height: 1.15;
     139                line-height: 1.875; /* 30px */
     140                min-height: 32px;
    139141        }
    140142
    141143        .wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
    142                 padding: 5px 5px 4px;
     144                padding: 0 5px;
    143145        }
    144146
     147        .wp-picker-input-wrap .button.wp-picker-default {
     148                padding: 0 8px;
     149                line-height: 2.14285714; /* 30px */
     150                min-height: 32px;
     151        }
     152
     153        .wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
     154                padding: 0 8px;
     155                font-size: 14px;
     156                line-height: 2.14285714; /* 30px */
     157                min-height: 32px;
     158        }
     159
    145160        .wp-picker-container .wp-color-result.button {
    146                 height: auto;
    147161                padding: 0 0 0 40px;
    148162                font-size: 14px;
    149                 line-height: 2.1;
     163                line-height: 2.14285714; /* 30px */
    150164        }
    151165
    152166        .wp-customizer .wp-picker-container .wp-color-result.button {
    153                 font-size: 13px;
    154                 line-height: 2;
     167                font-size: 14px;
     168                line-height: 2.14285714; /* 30px */
    155169        }
    156170
    157171        .wp-picker-container .wp-color-result-text {
     
    164178                padding: 0 10px;
    165179        }
    166180}
    167 
    168 @media screen and (max-width: 640px) {
    169         .wp-customizer .wp-picker-container .wp-color-result.button {
    170                 font-size: 14px;
    171                 line-height: 2.1;
    172         }
    173 
    174         .wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
    175                 padding: 6px 5px;
    176         }
    177 }
  • src/wp-admin/css/common.css

     
    924924
    925925#delete-action {
    926926        float: left;
    927         line-height: 2.1;
     927        line-height: 2.30769231; /* 30px */
    928928}
    929929
    930930#delete-link {
    931         line-height: 2.1;
     931        line-height: 2.30769231; /* 30px */
    932932        vertical-align: middle;
    933933        text-align: left;
    934934        margin-left: 8px;
     
    945945}
    946946
    947947#publishing-action .spinner {
    948         float: left;
     948        float: none;
     949        margin-top: 5px;
    949950}
    950951
    951952#misc-publishing-actions {
     
    10861087}
    10871088
    10881089.wp-filter .search-form input[type="search"] {
    1089         margin: 0;
     1090        margin: 1px 0;
    10901091        width: 280px;
    10911092        max-width: 100%;
    1092         font-size: inherit;
    1093         /* inherits font size 13px */
    1094         line-height: 2.15384615; /* 28px */
    10951093}
    10961094
    10971095.wp-filter .search-form select {
  • src/wp-admin/css/customize-controls.css

     
    159159        float: left;
    160160        transform: none;
    161161        margin-top: 0;
     162        line-height: 2;
    162163}
    163164
    164165body:not(.ready) #publish-settings,
     
    912913        margin-bottom: 12px;
    913914}
    914915
    915 .customize-control select,
    916 .customize-control input[type="radio"],
    917 .customize-control input[type="checkbox"] {
    918         line-height: 2;
    919 }
    920 
    921916.customize-control input[type="text"],
    922917.customize-control input[type="password"],
    923918.customize-control input[type="email"],
     
    940935
    941936.customize-control select {
    942937        width: 100%;
    943         height: 28px;
    944         line-height: 2;
    945938}
    946939
    947940.customize-control select[multiple] {
     
    28712864        }
    28722865
    28732866        .wp-core-ui.wp-customizer .button {
    2874                 padding: 6px 14px;
    2875                 line-height: normal;
     2867                min-height: 30px;
     2868                padding: 0 14px;
     2869                line-height: 2;
    28762870                font-size: 14px;
    28772871                vertical-align: middle;
    2878                 height: auto;
    28792872        }
    28802873
    2881         #publish-settings {
    2882                 height: 31px;
    2883         }
    2884 
    28852874        #customize-control-changeset_status .customize-inside-control-row {
    28862875                padding-top: 15px;
    28872876        }
  • src/wp-admin/css/forms.css

     
    2828
    2929input,
    3030select {
    31         margin: 1px;
     31        margin: 0 1px;
    3232}
    3333
    3434textarea.code {
     
    308308------------------------------------------------------------------------------*/
    309309
    310310/* Select styles are based on the default button in buttons.css */
    311 .wp-admin select {
    312         font-size: 13px;
    313         line-height: 1.38461538; /* 18px */
     311.wp-core-ui select {
     312        font-size: 14px;
     313        line-height: 2; /* 28px */
    314314        color: #32373c;
    315315        border-color: #7e8993;
    316316        box-shadow: none;
    317317        border-radius: 3px;
    318         padding: 3px 24px 3px 8px;
    319         min-height: 28px;
     318        padding: 0 24px 0 8px;
     319        min-height: 30px;
    320320        max-width: 25rem;
    321         vertical-align: middle;
    322321        -webkit-appearance: none;
    323322        /* The SVG is arrow-down-alt2 from Dashicons. */
    324323        background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
    325324        background-size: 16px 16px;
    326325        cursor: pointer;
    327 }
     326        vertical-align: middle;
     327}e
    328328
    329 /* Color and font size in the core form tables. */
    330 .wp-admin .form-table select {
    331         font-size: 14px;
    332         line-height: 1.28571428; /* 18px */
    333         color: #32373c;
    334 }
    335 
    336 .wp-admin select:hover {
     329.wp-core-ui select:hover {
    337330        color: #007cba;
    338331}
    339332
    340 .wp-admin select:focus {
     333.wp-core-ui select:focus {
    341334        border-color: #007cba;
    342335        color: #016087;
    343336        box-shadow: 0 0 0 1px #007cba;
    344337}
    345338
    346 .wp-admin select:active {
     339.wp-core-ui select:active {
    347340        border-color: #999;
    348341        box-shadow: none;
    349342}
    350343
    351 .wp-admin select.disabled,
    352 .wp-admin select:disabled {
     344.wp-core-ui select.disabled,
     345.wp-core-ui select:disabled {
    353346        color: #a0a5aa;
    354347        border-color: #ddd;
    355348        background-color: #f7f7f7;
     
    363356
    364357/* Reset Firefox inner outline that appears on :focus. */
    365358/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
    366 .wp-admin select:-moz-focusring {
     359.wp-core-ui select:-moz-focusring {
    367360        color: transparent;
    368361        text-shadow: 0 0 0 #016087;
    369362}
    370363
    371364/* Remove background focus style from IE11 while keeping focus style available on option elements. */
    372 .wp-admin select::-ms-value {
     365.wp-core-ui select::-ms-value {
    373366        background: transparent;
    374367        color: #555;
    375368}
    376369
    377 .wp-admin select:hover::-ms-value {
     370.wp-core-ui select:hover::-ms-value {
    378371        color: #007cba;
    379372}
    380373
    381 .wp-admin select:focus::-ms-value {
     374.wp-core-ui select:focus::-ms-value {
    382375        color: #016087;
    383376}
    384377
    385 .wp-admin select.disabled::-ms-value,
    386 .wp-admin select:disabled::-ms-value {
     378.wp-core-ui select.disabled::-ms-value,
     379.wp-core-ui select:disabled::-ms-value {
    387380        color: #a0a5aa;
    388381}
    389382
    390383/* Hide the native down arrow for select element on IE. */
    391 .wp-admin select::-ms-expand {
     384.wp-core-ui select::-ms-expand {
    392385        display: none;
    393386}
    394387
     
    407400        margin-top: 0;
    408401}
    409402
    410 .wp-admin select[multiple] {
     403.wp-core-ui select[multiple] {
    411404        height: auto;
    412405        padding-right: 8px;
    413406        background: #fff;
     
    484477#doaction,
    485478#doaction2,
    486479#post-query-submit {
    487         margin: 1px 8px 0 0;
     480        margin: 0 8px 0 0;
    488481}
    489482
    490 .tablenav #changeit,
    491 .tablenav #delete_all,
    492 .tablenav #clear-recent-list,
    493 .wp-filter #delete_all {
    494         margin-top: 1px;
    495 }
    496 
    497483.tablenav .actions select {
    498484        float: left;
    499485        margin-right: 6px;
     
    508494.wp-cancel-pw > .dashicons {
    509495        position: relative;
    510496        top: 3px;
     497        width: 1.25rem;
     498        height: 1.25rem;
     499        top: 0.25rem;
     500        font-size: 20px;
    511501}
    512502
    513503.wp-cancel-pw .dashicons-no {
     
    601591.wp-pwd [type="password"] {
    602592        margin-bottom: 0;
    603593        /* Same height as the buttons */
    604         line-height: 20px;
    605         min-height: 28px;
    606         max-height: 40px;
     594        min-height: 30px;
    607595}
    608596
     597/* Hide the Edge "reveal password" native button */
     598.wp-pwd input::-ms-reveal {
     599        display: none;
     600}
     601
    609602#pass1-text,
    610603.show-password #pass1 {
    611604        display: none;
     
    13251318        input[type="week"] {
    13261319                -webkit-appearance: none;
    13271320                padding: 3px 10px;
     1321                /* Only necessary for IE11 */
     1322                min-height: 40px;
    13281323        }
    13291324
    13301325        ::-webkit-datetime-edit {
     
    13761371                margin-top: 10px;
    13771372        }
    13781373
    1379         .wp-admin select,
     1374        .wp-core-ui select,
    13801375        .wp-admin .form-table select {
    13811376                min-height: 40px;
    13821377                font-size: 16px;
     
    15261521                font-size: 14px;
    15271522        }
    15281523
     1524        .background-position-control .button-group > label {
     1525                font-size: 0;
     1526        }
     1527
    15291528        .form-table fieldset label {
    15301529                display: block;
    15311530        }
     
    15611560                position: absolute;
    15621561                right: 0;
    15631562                top: 0;
     1563                width: 2.375rem;
     1564                height: 2.375rem;
     1565                min-width: 40px;
     1566                min-height: 40px;
    15641567        }
    15651568
    15661569        .wp-pwd button.wp-hide-pw {
    1567                 right: 40px;
     1570                right: 2.5rem;
    15681571        }
    15691572
    15701573        .wp-pwd button.button:hover,
     
    15851588        .wp-pwd [type="text"],
    15861589        .wp-pwd [type="password"] {
    15871590                line-height: 2;
     1591                padding-right: 5rem;
    15881592        }
    15891593
    15901594        .wp-cancel-pw .dashicons-no {
  • src/wp-admin/css/list-tables.css

     
    638638        clear: both;
    639639        height: 30px;
    640640        margin: 6px 0 4px;
     641        padding-top: 5px;
    641642        vertical-align: middle;
    642643}
    643644
     
    647648
    648649.tablenav .tablenav-pages {
    649650        float: right;
    650         margin: 3px 0 9px;
     651        margin: 0 0 9px;
    651652}
    652653
    653654.tablenav .no-pages,
     
    659660.tablenav .tablenav-pages .tablenav-pages-navspan {
    660661        display: inline-block;
    661662        vertical-align: baseline;
    662         min-width: 28px;
    663         min-height: 28px;
     663        min-width: 30px;
     664        min-height: 30px;
    664665        margin: 0;
    665666        padding: 0 4px;
    666667        font-size: 16px;
    667         line-height: 1.5;
     668        line-height: 1.625; /* 26px */
    668669        text-align: center;
    669670}
    670671
     
    678679}
    679680
    680681.tablenav .actions {
    681         overflow: hidden;
    682         padding: 2px 8px 0 0;
     682        padding: 0 8px 0 0;
    683683}
    684684
    685685.wp-filter .actions {
     
    10341034.inline-edit-row fieldset input[name=hh],
    10351035.inline-edit-row fieldset input[name=mn],
    10361036.inline-edit-row fieldset input[name=aa] {
    1037         font-size: 12px;
    1038         line-height: 1.16666666;
    10391037        vertical-align: middle;
    10401038        text-align: center;
    1041         padding: 6px 4px;
     1039        padding: 0 4px;
    10421040}
    10431041
    10441042.inline-edit-row fieldset label input.inline-edit-password-input {
     
    19571955                box-sizing: border-box;
    19581956        }
    19591957
     1958        .inline-edit-row fieldset input[name=jj],
     1959        .inline-edit-row fieldset input[name=hh],
     1960        .inline-edit-row fieldset input[name=mn],
     1961        .inline-edit-row fieldset input[name=aa] {
     1962                font-size: 16px;
     1963                line-height: 2;
     1964                padding: 3px 4px;
     1965        }
     1966
    19601967        .inline-edit-row fieldset ul.cat-checklist label,
    19611968        .inline-edit-row #bulk-titles div {
    19621969                font-size: 16px;
  • src/wp-admin/css/themes.css

     
    3434        left: 20px;
    3535        margin: 0;
    3636        width: 280px;
    37         font-size: inherit;
    3837}
    3938
    4039/* Position admin messages */
  • src/wp-includes/css/buttons.css

     
    4646        display: inline-block;
    4747        text-decoration: none;
    4848        font-size: 13px;
    49         line-height: 2;
    50         min-height: 28px;
     49        line-height: 2.15384615; /* 28px */
     50        min-height: 30px;
    5151        margin: 0;
    5252        padding: 0 10px;
    5353        cursor: pointer;
     
    7171
    7272.wp-core-ui .button.button-large,
    7373.wp-core-ui .button-group.button-large .button {
    74         min-height: 30px;
    75         line-height: 2.15384615;
    76         padding: 0 12px 2px;
     74        min-height: 32px;
     75        line-height: 2.30769231; /* 30px */
     76        padding: 0 12px;
    7777}
    7878
    7979.wp-core-ui .button.button-small,
    8080.wp-core-ui .button-group.button-small .button {
    81         min-height: 24px;
    82         line-height: 2;
     81        min-height: 26px;
     82        line-height: 2.18181818; /* 24px */
    8383        padding: 0 8px;
    8484        font-size: 11px;
    8585}
     
    349349        input#publish,
    350350        input#save-post,
    351351        a.preview {
    352                 padding: 1px 14px;
    353                 line-height: 2;
     352                padding: 0 14px;
     353                line-height: 2.71428571; /* 38px */
    354354                font-size: 14px;
    355355                vertical-align: middle;
    356                 height: auto;
     356                min-height: 40px;
    357357                margin-bottom: 4px;
    358358        }
    359359
     
    377377        /* Reset responsive styles in Press This, Customizer */
    378378
    379379        .wp-core-ui.wp-customizer .button {
    380                 padding: 0 10px 1px;
    381380                font-size: 13px;
    382                 line-height: 2;
    383                 min-height: 28px;
     381                line-height: 2.15384615; /* 28px */
     382                min-height: 30px;
    384383                margin: 0;
    385384                vertical-align: inherit;
    386385        }
  • src/wp-includes/css/editor.css

     
    12011201
    12021202.wp-media-buttons span.wp-media-buttons-icon {
    12031203        display: inline-block;
    1204         width: 18px;
    1205         height: 18px;
    1206         vertical-align: text-top;
     1204        width: 20px;
     1205        height: 20px;
     1206        line-height: 1;
     1207        vertical-align: middle;
    12071208        margin: 0 2px;
    12081209}
    12091210
     
    17761777        width: 300px;
    17771778        padding: 3px;
    17781779        box-sizing: border-box;
    1779         line-height: 1.28571429;
     1780        line-height: 1.28571429; /* 18px */
     1781        /* Override value inherited from default input fields. */
     1782        min-height: 26px;
    17801783}
    17811784
    17821785.mce-toolbar div.wp-link-preview ~ .mce-btn,
  • src/wp-includes/css/media-views.css

     
    7373
    7474.media-frame select,
    7575.wp-admin .media-frame select {
    76         min-height: 28px;
     76        min-height: 30px;
    7777        vertical-align: middle;
    7878}
    7979
     
    120120        line-height: 2.15384615; /* 28px */
    121121}
    122122
     123/* Search field in the Media Library toolbar */
     124.media-frame.mode-grid .wp-filter input[type="search"] {
     125        font-size: 14px;
     126        line-height: 2;
     127}
     128
    123129.media-frame input[type="text"]:focus,
    124130.media-frame input[type="password"]:focus,
    125131.media-frame input[type="number"]:focus,