WordPress.org

Make WordPress Core

Ticket #26537: 26537.diff

File 26537.diff, 1.3 KB (added by iammattthomas, 7 years ago)

Adjusts widths of toolbar items at mobile sizes for better fitting on narrow screens.

  • src/wp-includes/css/admin-bar.css

     
    773773                font: normal 14px/32px "Open Sans", sans-serif;
    774774        }
    775775
    776         #wpadminbar .quicklinks li > a,
     776        #wpadminbar .quicklinks > ul > li > a,
    777777        #wpadminbar .quicklinks .ab-empty-item {
    778778                padding: 0;
    779779                height: 46px;
     
    785785                font: 40px/1 dashicons !important;
    786786                margin: 0;
    787787                padding: 0;
    788                 width: 50px;
     788                width: 52px;
    789789                height: 46px;
    790790                text-align: center;
    791791        }
     
    838838
    839839        #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
    840840                padding: 0;
    841                 width: 55px;
     841                width: 52px;
    842842                height: 46px;
    843843                text-align: center;
    844844                vertical-align: top;
     
    862862                text-indent: 100%;
    863863                white-space: nowrap;
    864864                overflow: hidden;
    865                 width: 55px;
     865                width: 52px;
    866866                padding: 0;
    867867                color: #999;
    868868                position: relative;
     
    884884                font: normal 32px/1 'dashicons';
    885885                speak: none;
    886886                top: 7px;
    887                 width: 55px;
     887                width: 52px;
    888888                text-align: center;
    889889                -webkit-font-smoothing: antialiased;
    890890                -moz-osx-font-smoothing: grayscale;
     
    909909                line-height: 53px;
    910910                height: 46px !important;
    911911                text-align: center;
    912                 width: 50px;
     912                width: 52px;
    913913                display: block;
    914914        }
    915915