Make WordPress Core

Ticket #48131: 48131.2.diff

File 48131.2.diff, 1.0 KB (added by garrett-eclipse, 5 years ago)

Address the height discrepancy on desktop & mobile, and increase width of color picker result slightly on desktop so hex code isn't cut off.

  • src/wp-admin/css/color-picker.css

     
    1010
    1111/* Needs higher specificiity. */
    1212.wp-picker-container .wp-color-result.button {
    13         height: 24px;
     13        min-height: 24px;
    1414        margin: 0 6px 6px 0px;
    1515        padding: 0 0 0 30px;
    1616        font-size: 11px;
     
    8686}
    8787
    8888.wp-picker-container input[type="text"].wp-color-picker {
    89         width: 65px;
     89        width: 70px;
     90        height: 24px;
    9091        font-size: 12px;
    9192        font-family: monospace;
    9293        line-height: 1.4;
     
    130131@media screen and (max-width: 782px) {
    131132        .wp-picker-container input[type="text"].wp-color-picker {
    132133                width: 80px;
     134                height: auto;
    133135                padding: 6px 5px 5px;
    134136                font-size: 16px;
    135137                line-height: 1.15;
     
    139141                padding: 5px 5px 4px;
    140142        }
    141143
     144        .wp-picker-container .wp-picker-default {
     145                height: auto;
     146        }
     147
    142148        .wp-picker-container .wp-color-result.button {
    143149                height: auto;
    144150                padding: 0 0 0 40px;