WordPress.org
Get WordPress

Make WordPress Core

Ticket #47477: 47477.7.diff

File 47477.7.diff, 15.5 KB (added by afercia, 5 years ago)

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

     
    419419}
    420420
    421421#timestampdiv select {
    422         height: 21px;
    423         line-height: 1.16666666;
    424         padding: 0;
    425422        vertical-align: top;
    426423        font-size: 12px;
     424        line-height: 1.66666666; /* 20px */
    427425}
    428426
    429427#aa, #jj, #hh, #mn {
    430         padding: 1px;
     428        padding: 6px 1px;
    431429        font-size: 12px;
     430        line-height: 1.16666666; /* 14px */
    432431}
    433432
    434433#jj, #hh, #mn {
    … …  
    494493}
    495494
    496495#timestampdiv input {
    497         border-width: 1px;
    498         border-style: solid;
    499496        text-align: center;
    500497}
    501498

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

     
    11/* Include margin and padding in the width calculation of input and textarea. */
    22input,
    3 textarea {
     3select,
     4textarea,
     5button {
    46        box-sizing: border-box;
     7        font-family: inherit;
     8        font-size: inherit;
     9        font-weight: inherit;
    510}
    611
     12textarea,
     13input {
     14        font-size: 14px;
     15}
     16
     17textarea {
     18        overflow: auto;
     19        padding: 2px 6px;
     20        /* inherits font size 14px */
     21        line-height: 1.42857143; /* 20px */
     22        resize: vertical;
     23}
     24
     25label {
     26        cursor: pointer;
     27}
     28
     29input,
     30select {
     31        margin: 1px;
     32}
     33
     34textarea.code {
     35        padding: 4px 6px 1px 6px;
     36}
     37
    738input[type="text"],
    839input[type="password"],
    9 input[type="checkbox"],
    1040input[type="color"],
    1141input[type="date"],
    1242input[type="datetime"],
    … …  
    1545input[type="month"],
    1646input[type="number"],
    1747input[type="search"],
    18 input[type="radio"],
    1948input[type="tel"],
    20 input[type="text"],
    2149input[type="time"],
    2250input[type="url"],
    2351input[type="week"],
    2452select,
    2553textarea {
    26         padding: 6px 8px;
    2754        box-shadow: 0 0 0 transparent;
    28         transition: box-shadow 0.1s linear;
    2955        border-radius: 4px;
    3056        border: 1px solid #7e8993;
    3157        background-color: #fff;
    3258        color: #32373c;
    33         outline: none;
    3459}
    3560
     61input[type="text"],
     62input[type="password"],
     63input[type="date"],
     64input[type="datetime"],
     65input[type="datetime-local"],
     66input[type="email"],
     67input[type="month"],
     68input[type="number"],
     69input[type="search"],
     70input[type="tel"],
     71input[type="time"],
     72input[type="url"],
     73input[type="week"] {
     74        padding: 0 8px;
     75        /* inherits font size 14px */
     76        line-height: 2; /* 28px */
     77}
     78
     79::-webkit-datetime-edit {
     80        /* inherits font size 14px */
     81        line-height: 1.85714286; /* 26px */
     82}
     83
    3684input[type="text"]:focus,
    3785input[type="password"]:focus,
    3886input[type="color"]:focus,
    … …  
    4492input[type="number"]:focus,
    4593input[type="search"]:focus,
    4694input[type="tel"]:focus,
    47 input[type="text"]:focus,
    4895input[type="time"]:focus,
    4996input[type="url"]:focus,
    5097input[type="week"]:focus,
    … …  
    64111        direction: ltr;
    65112}
    66113
    67 /* Vertically align the number selector with the input. */
    68 input[type="number"] {
    69         min-height: 28px;
    70         line-height: 1;
    71 }
    72 
    73114input[type="checkbox"],
    74115input[type="radio"] {
    75116        border: 1px solid #7e8993;
     117        border-radius: 4px;
    76118        background: #fff;
    77119        color: #555;
    78120        clear: none;
    … …  
    118160input[type="radio"] {
    119161        border-radius: 50%;
    120162        margin-right: 0.25rem;
     163        /* 10px not sure if still necessary, comes from the MP6 redesign in r26072 */
    121164        line-height: 0.71428571;
    122165}
    123166
    … …  
    146189        width: 0.5rem; /* 8px */
    147190        height: 0.5rem; /* 8px */
    148191        margin: 0.1875rem; /* 3px */
    149         line-height: 0.76190476;
    150192        background-color: #1e8cbe;
     193        /* 16px not sure if still necessary, comes from the MP6 redesign in r26072 */
     194        line-height: 1.14285714;
    151195}
    152196
    153197@-moz-document url-prefix() {
    … …  
    167211        display: none;
    168212}
    169213
    170 .ie8 input[type="password"] {
    171         font-family: sans-serif;
    172 }
    173 
    174 textarea,
    175 input,
    176 select,
    177 button {
    178         font-family: inherit;
    179         font-size: inherit;
    180         font-weight: inherit;
    181 }
    182 
    183 textarea,
    184 input,
    185 select {
    186         font-size: 14px;
    187         padding: 3px 5px;
    188 }
    189 
    190 textarea {
    191         overflow: auto;
    192         padding: 2px 6px;
    193         line-height: 1.4;
    194         resize: vertical;
    195 }
    196 
    197214.wp-admin input[type="file"] {
    198215        padding: 3px 0;
    199216        cursor: pointer;
    200217}
    201218
    202 label {
    203         cursor: pointer;
    204 }
    205 
    206 input,
    207 select {
    208         margin: 1px;
    209         padding: 3px 5px;
    210 }
    211 
    212 input.code {
    213         padding-top: 6px;
    214 }
    215 
    216 textarea.code {
    217         line-height: 1.4;
    218         padding: 4px 6px 1px 6px;
    219 }
    220 
    221219input.readonly,
    222220input[readonly],
    223221textarea.readonly,
    … …  
    309307
    310308/* Select styles are based on the default button in buttons.css */
    311309.wp-admin select {
     310        font-size: 13px;
     311        line-height: 1.38461538; /* 18px */
    312312        color: #555;
    313313        border-color: #7e8993;
    314314        box-shadow: none;
    315315        border-radius: 3px;
    316         padding: 2px 24px 2px 8px;
     316        padding: 3px 24px 3px 8px;
    317317        min-height: 28px;
    318318        vertical-align: middle;
    319319        -webkit-appearance: none;
    320320        /* The SVG is arrow-down-alt2 from Dashicons. */
    321         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 4px top 50%;
     321        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%;
    322322        background-size: 16px 16px;
     323        cursor: pointer;
    323324}
    324325
    325326.wp-admin select:hover {
    … …  
    350351        transform: none;
    351352}
    352353
     354/* Reset Firefox inner outline that appears on :focus. */
     355/* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
     356.wp-admin select:-moz-focusring {
     357        color: transparent;
     358        text-shadow: 0 0 0 #016087;
     359}
     360
     361/* Remove background focus style from IE11 while keeping focus style available on option elements. */
     362.wp-admin select::-ms-value {
     363        background: transparent;
     364        color: #555;
     365}
     366
     367.wp-admin select:hover::-ms-value {
     368        color: #007cba;
     369}
     370
     371.wp-admin select:focus::-ms-value {
     372        color: #016087;
     373}
     374
     375.wp-admin select.disabled::-ms-value,
     376.wp-admin select:disabled::-ms-value {
     377        color: #a0a5aa;
     378}
     379
     380/* Hide the native down arrow for select element on IE. */
     381.wp-admin select::-ms-expand {
     382        display: none;
     383}
     384
    353385.wp-admin .button-cancel {
     386        display: inline-block;
     387        min-height: 28px;
    354388        padding: 0 5px;
    355389        line-height: 2;
    356390}
    … …  
    361395
    362396.wp-admin select[multiple] {
    363397        height: auto;
     398        padding-right: 8px;
     399        background: #fff;
    364400}
    365401
    366402.submit {
    … …  
    416452
    417453input.small-text {
    418454        width: 50px;
    419         padding: 1px 6px;
     455        padding: 0 6px;
    420456}
    421457
    422458input[type="number"].small-text {
    … …  
    450486        max-width: 12.5rem;
    451487}
    452488
    453 .ie8 .tablenav .actions select {
    454         width: 9.6875rem;
    455 }
    456 
    457 .ie8 .tablenav .actions select#cat {
    458         width: 12.5rem;
    459 }
    460 
    461489#timezone_string option {
    462490        margin-left: 1em;
    463491}
    … …  
    590618.tablenav .search-plugins input[name="s"],
    591619.tagsdiv .newtag {
    592620        float: left;
    593         height: 28px;
    594621        margin: 0 4px 0 0;
    595622}
    596623
    … …  
    597624.js.plugins-php .search-box .wp-filter-search {
    598625        margin: 0;
    599626        width: 280px;
    600         font-size: 16px;
    601         font-weight: 300;
    602         line-height: 1.5;
    603         padding: 3px 5px;
    604         height: 32px;
    605627}
    606628
    607629input[type="text"].ui-autocomplete-loading,
    … …  
    952974
    953975.options-general-php input.small-text {
    954976        width: 56px;
     977        margin: -2px 0;
    955978}
    956979
    957980.options-general-php .spinner {
    … …  
    11881211}
    11891212
    11901213.privacy_requests .next_steps .button {
    1191         height: auto;
    1192         line-height: 1.5;
    1193         padding: 4px 10px;
    11941214        word-break: break-all;
    11951215        white-space: unset;
    11961216}
    … …  
    12421262}
    12431263
    12441264.wp-privacy-request-form input {
    1245         line-height: 1.5;
    12461265        margin: 0;
    12471266}
    12481267
    … …  
    12781297        }
    12791298
    12801299        input[type="text"],
     1300        input[type="password"],
     1301        input[type="date"],
     1302        input[type="datetime"],
     1303        input[type="datetime-local"],
    12811304        input[type="email"],
     1305        input[type="month"],
     1306        input[type="number"],
    12821307        input[type="search"],
    1283         input[type="password"],
    1284         input[type="number"] {
     1308        input[type="tel"],
     1309        input[type="time"],
     1310        input[type="url"],
     1311        input[type="week"] {
    12851312                -webkit-appearance: none;
    1286                 padding: 6px 10px;
     1313                padding: 3px 10px;
    12871314        }
    12881315
    1289         input[type="number"] {
    1290                 min-height: 40px;
     1316        ::-webkit-datetime-edit {
     1317                line-height: 1.875; /* 30px */
    12911318        }
    12921319
    1293         input.code {
    1294                 padding-bottom: 5px;
    1295                 padding-top: 10px;
    1296         }
    1297 
    12981320        input[type="checkbox"],
    12991321        .widefat th input[type="checkbox"],
    13001322        .widefat thead td input[type="checkbox"],
    … …  
    13401362                margin-top: 10px;
    13411363        }
    13421364
    1343         #wpbody select {
    1344                 min-height: 36px;
     1365        .wp-admin select {
     1366                min-height: 40px;
    13451367                font-size: 16px;
     1368                line-height: 1.625; /* 26px */
     1369                padding: 5px 24px 5px 8px;
    13461370        }
    13471371
    13481372        .wp-admin .button-cancel {
    1349                 padding: 0;
     1373                margin-bottom: 0;
     1374                padding: 2px 0;
    13501375                font-size: 14px;
     1376                vertical-align: middle;
    13511377        }
    13521378
    13531379        #adduser .form-field input,
    … …  
    13971423        .form-table span.description,
    13981424        #profile-page .form-table textarea {
    13991425                width: 100%;
    1400                 font-size: 16px;
    1401                 line-height: 1.5;
    1402                 padding: 7px 10px;
    14031426                display: block;
    14041427                max-width: none;
    14051428                box-sizing: border-box;
    … …  
    14101433                margin: -30px 3px 0 0;
    14111434        }
    14121435
    1413         #wpbody .form-table td select {
    1414                 min-height: 40px;
    1415         }
    1416 
    14171436        input[type="text"].small-text,
    14181437        input[type="search"].small-text,
    14191438        input[type="password"].small-text,
    … …  
    14431462        }
    14441463
    14451464        p.search-box input[name="s"] {
    1446                 height: auto;
    14471465                float: none;
    14481466                width: 100%;
    14491467                margin-bottom: 10px;
    14501468                vertical-align: middle;
    1451                 -webkit-appearance: none;
    14521469        }
    14531470
    14541471        p.search-box input[type="submit"] {

  • src/wp-admin/css/list-tables.css

     
    622622
    623623.tablenav-pages .current-page {
    624624        margin: 0 2px 0 0;
    625         padding-top: 5px;
    626         padding-bottom: 5px;
    627625        font-size: 13px;
    628626        text-align: center;
    629627}
    … …  
    950948.inline-edit-row fieldset.inline-edit-date label {
    951949        display: inline-block;
    952950        margin: 0;
    953         line-height: 1.5;
    954951        vertical-align: baseline;
     952        line-height: 2;
    955953}
    956954
    957955.inline-edit-row fieldset label.inline-edit-tags {
    … …  
    975973        padding: 0;
    976974}
    977975
    978 .inline-edit-row fieldset.inline-edit-date select {
    979         margin: 1px;
    980         line-height: 2;
    981 }
    982 
    983976.inline-edit-row fieldset label span.input-text-wrap,
    984977.inline-edit-row fieldset .timestamp-wrap {
    985978        display: block;
    … …  
    10391032
    10401033.inline-edit-row fieldset input[name=jj],
    10411034.inline-edit-row fieldset input[name=hh],
    1042 .inline-edit-row fieldset input[name=mn] {
    1043         font-size: 12px;
    1044         width: 2.3em;
    1045 }
    1046 
     1035.inline-edit-row fieldset input[name=mn],
    10471036.inline-edit-row fieldset input[name=aa] {
    10481037        font-size: 12px;
    1049         width: 3.5em;
     1038        line-height: 1.16666666;
     1039        vertical-align: middle;
     1040        text-align: center;
     1041        padding: 6px 4px;
    10501042}
    10511043
    10521044.inline-edit-row fieldset label input.inline-edit-password-input {
    … …  
    19881980                margin-left: 0;
    19891981        }
    19901982
    1991         .inline-edit-row fieldset input[name=jj],
    1992         .inline-edit-row fieldset input[name=hh],
    1993         .inline-edit-row fieldset input[name=mn] {
    1994                 width: 3em;
    1995         }
    1996 
    1997         .inline-edit-row fieldset input[name=aa] {
    1998                 width: 4.5em;
    1999         }
    2000 
    20011983        .inline-edit-row .inline-edit-or {
    20021984                margin: 0 6px 0 0;
    20031985        }

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

     
    273273.login input[type="text"],
    274274.login input[type="password"] {
    275275        font-size: 24px;
     276        line-height: 1.16666666; /* 28px */
    276277        width: 100%;
    277278        padding: 5px;
    278279        margin: 3px 6px 16px 0;

  • src/wp-includes/css/buttons.css

     
    8080.wp-core-ui .button-group.button-small .button {
    8181        min-height: 24px;
    8282        line-height: 2;
    83         padding: 0 8px 1px;
     83        padding: 0 8px;
    8484        font-size: 11px;
    8585}
    8686
    … …  
    9292        padding: 0 36px;
    9393}
    9494
    95 /* Only visible in Windows High Contrast mode */
    96 .wp-core-ui .button:active,
    97 .wp-core-ui .button:focus {
    98         outline: 2px solid transparent;
    99         /* Reset inherited offset from Gutenberg */
    100         outline-offset: 0;
    101 }
    102 
    10395.wp-core-ui .button.hidden {
    10496        display: none;
    10597}
    … …  
    135127
    136128.wp-core-ui .button.hover,
    137129.wp-core-ui .button:hover,
    138 .wp-core-ui .button-secondary:hover,
    139 .wp-core-ui .button.focus,
    140 .wp-core-ui .button:focus,
    141 .wp-core-ui .button-secondary:focus {
     130.wp-core-ui .button-secondary:hover{
    142131        background: #f1f1f1;
    143132        border-color: #016087;
    144133        color: #016087;
    … …  
    151140        border-color: #007cba;
    152141        color: #016087;
    153142        box-shadow: 0 0 0 1px #007cba;
     143        /* Only visible in Windows High Contrast mode */
     144        outline: 2px solid transparent;
     145        /* Reset inherited offset from Gutenberg */
     146        outline-offset: 0;
    154147}
    155148
    156149.wp-core-ui .button.active,
    … …  
    339332        input#publish,
    340333        input#save-post,
    341334        a.preview {
    342                 padding: 6px 14px;
    343                 line-height: normal;
     335                padding: 1px 14px;
     336                line-height: 2;
    344337                font-size: 14px;
    345338                vertical-align: middle;
    346339                height: auto;

  • src/wp-includes/css/media-views.css

     
    3434        line-height: 1.2;
    3535}
    3636
    37 .media-frame input,
    38 .media-frame textarea {
    39         padding: 6px 8px;
    40 }
    41 
    42 .media-frame select,
    43 .wp-admin .media-frame select {
    44         min-height: 28px;
    45         vertical-align: middle;
    46 }
    47 
    4837.media-frame a {
    4938        border-bottom: none;
    5039        color: #0073aa;
    … …  
    7766        color: #fff;
    7867}
    7968
     69.media-frame input,
     70.media-frame textarea {
     71        padding: 6px 8px;
     72}
     73
     74.media-frame select,
     75.wp-admin .media-frame select {
     76        min-height: 28px;
     77        vertical-align: middle;
     78}
     79
    8080.media-frame input[type="text"],
    8181.media-frame input[type="password"],
     82.media-frame input[type="color"],
     83.media-frame input[type="date"],
     84.media-frame input[type="datetime"],
     85.media-frame input[type="datetime-local"],
     86.media-frame input[type="email"],
     87.media-frame input[type="month"],
    8288.media-frame input[type="number"],
    8389.media-frame input[type="search"],
    84 .media-frame input[type="email"],
     90.media-frame input[type="tel"],
     91.media-frame input[type="time"],
    8592.media-frame input[type="url"],
     93.media-frame input[type="week"],
    8694.media-frame textarea,
    8795.media-frame select {
    88         padding: 6px 8px;
    8996        box-shadow: 0 0 0 transparent;
    90         transition: box-shadow 0.1s linear;
     97        border-radius: 4px;
    9198        border: 1px solid #7e8993;
    92         border-radius: 4px;
     99        background-color: #fff;
     100        color: #32373c;
    93101        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    94         font-size: 12px;
     102        font-size: 13px;
    95103}
    96104
     105.media-frame input[type="text"],
     106.media-frame input[type="password"],
     107.media-frame input[type="date"],
     108.media-frame input[type="datetime"],
     109.media-frame input[type="datetime-local"],
     110.media-frame input[type="email"],
     111.media-frame input[type="month"],
     112.media-frame input[type="number"],
     113.media-frame input[type="search"],
     114.media-frame input[type="tel"],
     115.media-frame input[type="time"],
     116.media-frame input[type="url"],
     117.media-frame input[type="week"] {
     118        padding: 0 8px;
     119        /* inherits font size 13px */
     120        line-height: 2.15384615; /* 28px */
     121}
     122
    97123.media-frame input[type="text"]:focus,
    98124.media-frame input[type="password"]:focus,
    99125.media-frame input[type="number"]:focus,
    … …  
    807833 * Search
    808834 */
    809835.media-frame .search {
    810         margin-top: 11px;
     836        margin-top: 10px;
    811837        padding: 4px;
    812838        font-size: 13px;
    813839        color: #444;
    … …  
    10751101.attachments-browser .media-toolbar-primary > .media-button-group,
    10761102.attachments-browser .media-toolbar-secondary > .media-button,
    10771103.attachments-browser .media-toolbar-secondary > .media-button-group {
    1078         margin: 11px 0;
     1104        margin: 10px 0;
    10791105}
    10801106
    10811107.attachments-browser .attachments {