WordPress.org

Make WordPress Core

Ticket #48420: 48420.diff

File 48420.diff, 13.6 KB (added by afercia, 2 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%;
    10921093        font-size: inherit;

  • 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: 1.28571428; /* 18px */
    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: 4px 24px 4px 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}e
    328327
    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 {
     328.wp-core-ui select:hover {
    337329        color: #007cba;
    338330}
    339331
    340 .wp-admin select:focus {
     332.wp-core-ui select:focus {
    341333        border-color: #007cba;
    342334        color: #016087;
    343335        box-shadow: 0 0 0 1px #007cba;
    344336}
    345337
    346 .wp-admin select:active {
     338.wp-core-ui select:active {
    347339        border-color: #999;
    348340        box-shadow: none;
    349341}
    350342
    351 .wp-admin select.disabled,
    352 .wp-admin select:disabled {
     343.wp-core-ui select.disabled,
     344.wp-core-ui select:disabled {
    353345        color: #a0a5aa;
    354346        border-color: #ddd;
    355347        background-color: #f7f7f7;
    … …  
    363355
    364356/* Reset Firefox inner outline that appears on :focus. */
    365357/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
    366 .wp-admin select:-moz-focusring {
     358.wp-core-ui select:-moz-focusring {
    367359        color: transparent;
    368360        text-shadow: 0 0 0 #016087;
    369361}
    370362
    371363/* Remove background focus style from IE11 while keeping focus style available on option elements. */
    372 .wp-admin select::-ms-value {
     364.wp-core-ui select::-ms-value {
    373365        background: transparent;
    374366        color: #555;
    375367}
    376368
    377 .wp-admin select:hover::-ms-value {
     369.wp-core-ui select:hover::-ms-value {
    378370        color: #007cba;
    379371}
    380372
    381 .wp-admin select:focus::-ms-value {
     373.wp-core-ui select:focus::-ms-value {
    382374        color: #016087;
    383375}
    384376
    385 .wp-admin select.disabled::-ms-value,
    386 .wp-admin select:disabled::-ms-value {
     377.wp-core-ui select.disabled::-ms-value,
     378.wp-core-ui select:disabled::-ms-value {
    387379        color: #a0a5aa;
    388380}
    389381
    390382/* Hide the native down arrow for select element on IE. */
    391 .wp-admin select::-ms-expand {
     383.wp-core-ui select::-ms-expand {
    392384        display: none;
    393385}
    394386
    … …  
    407399        margin-top: 0;
    408400}
    409401
    410 .wp-admin select[multiple] {
     402.wp-core-ui select[multiple] {
    411403        height: auto;
    412404        padding-right: 8px;
    413405        background: #fff;
    … …  
    484476#doaction,
    485477#doaction2,
    486478#post-query-submit {
    487         margin: 1px 8px 0 0;
     479        margin: 0 8px 0 0;
    488480}
    489481
    490 .tablenav #changeit,
    491 .tablenav #delete_all,
    492 .tablenav #clear-recent-list,
    493 .wp-filter #delete_all {
    494         margin-top: 1px;
    495 }
    496 
    497482.tablenav .actions select {
    498483        float: left;
    499484        margin-right: 6px;
    … …  
    508493.wp-cancel-pw > .dashicons {
    509494        position: relative;
    510495        top: 3px;
     496        width: 1.25rem;
     497        height: 1.25rem;
     498        top: 0.25rem;
     499        font-size: 20px;
    511500}
    512501
    513502.wp-cancel-pw .dashicons-no {
    … …  
    601590.wp-pwd [type="password"] {
    602591        margin-bottom: 0;
    603592        /* Same height as the buttons */
    604         line-height: 20px;
    605         min-height: 28px;
    606         max-height: 40px;
     593        min-height: 30px;
    607594}
    608595
     596/* Hide the Edge "reveal password" native button */
     597.wp-pwd input::-ms-reveal {
     598        display: none;
     599}
     600
    609601#pass1-text,
    610602.show-password #pass1 {
    611603        display: none;
    … …  
    635627        margin: 0 4px 0 0;
    636628}
    637629
     630.plugins-php .search-box .wp-filter-search {
     631        font-size: inherit;
     632}
     633
    638634.js.plugins-php .search-box .wp-filter-search {
    639635        margin: 0;
    640636        width: 280px;
    … …  
    13761372                margin-top: 10px;
    13771373        }
    13781374
    1379         .wp-admin select,
     1375        .wp-core-ui select,
    13801376        .wp-admin .form-table select {
    13811377                min-height: 40px;
    13821378                font-size: 16px;
    … …  
    15261522                font-size: 14px;
    15271523        }
    15281524
     1525        .background-position-control .button-group > label {
     1526                font-size: 0;
     1527        }
     1528
    15291529        .form-table fieldset label {
    15301530                display: block;
    15311531        }
    … …  
    15611561                position: absolute;
    15621562                right: 0;
    15631563                top: 0;
     1564                width: 2.375rem;
     1565                height: 2.375rem;
     1566                min-width: 40px;
     1567                min-height: 40px;
    15641568        }
    15651569
    15661570        .wp-pwd button.wp-hide-pw {
    1567                 right: 40px;
     1571                right: 2.5rem;
    15681572        }
    15691573
    15701574        .wp-pwd button.button:hover,
    … …  
    15851589        .wp-pwd [type="text"],
    15861590        .wp-pwd [type="password"] {
    15871591                line-height: 2;
     1592                padding-right: 5rem;
    15881593        }
    15891594
    15901595        .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 {
    … …  
    10381038        line-height: 1.16666666;
    10391039        vertical-align: middle;
    10401040        text-align: center;
    1041         padding: 6px 4px;
     1041        padding: 0 4px;
    10421042}
    10431043
    10441044.inline-edit-row fieldset label input.inline-edit-password-input {
    … …  
    19571957                box-sizing: border-box;
    19581958        }
    19591959
     1960        .inline-edit-row fieldset input[name=jj],
     1961        .inline-edit-row fieldset input[name=hh],
     1962        .inline-edit-row fieldset input[name=mn],
     1963        .inline-edit-row fieldset input[name=aa] {
     1964                font-size: 16px;
     1965                line-height: 2;
     1966                padding: 3px 4px;
     1967        }
     1968
    19601969        .inline-edit-row fieldset ul.cat-checklist label,
    19611970        .inline-edit-row #bulk-titles div {
    19621971                font-size: 16px;

  • 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