Make WordPress Core

Ticket #28983: 1082.2.diff

File 1082.2.diff, 1.8 KB (added by KZeni, 3 years ago)

Now addresses mobile admin bar as it seems plugins are more likely to add items to the mobile admin bar than before.

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

    diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css
    index 3cc47cb0fce..1fd04eace2a 100644
    a b html:lang(he-il) .rtl #wpadminbar * { 
    719719        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    720720}
    721721
     722@media screen and (min-width: 782px) {
     723        /* Prevent wrapping of admin bar that has more items than admin bar area on desktop/tablet layout */
     724        #wpadminbar .quicklinks {
     725                justify-content: space-between;
     726        }
     727        #wpadminbar .quicklinks > ul > li {
     728                float: none !important;
     729        }
     730        #wpadminbar .quicklinks > ul > li,
     731        #wpadminbar .quicklinks .ab-item {
     732                white-space: nowrap;
     733                text-overflow: ellipsis;
     734                min-width: 0 !important;
     735        }
     736        #wpadminbar .quicklinks .ab-item {
     737                overflow: hidden;
     738        }
     739        #wpadminbar .quicklinks .ab-item .ab-label,
     740        #wpadminbar .quicklinks .ab-item .display-name {
     741                float: none;
     742                display: inline;
     743        }
     744        #wpadminbar .quicklinks,
     745        #wpadminbar .quicklinks > ul {
     746                display: -ms-flexbox;
     747                display: flex;
     748                flex-wrap: nowrap;
     749                -ms-flex-wrap: nowrap;
     750                min-width: 0 !important;
     751        }
     752        #wpadminbar #wp-admin-bar-top-secondary {
     753                flex-direction: row-reverse;
     754                -ms-flex-direction: row-reverse;
     755        }
     756}
     757
    722758@media screen and (max-width: 782px) {
    723759        /* Toolbar Touchification*/
    724760        html #wpadminbar {
    html:lang(he-il) .rtl #wpadminbar * { 
    10161052                top: 10px;
    10171053                left: 0;
    10181054        }
     1055        /* Prevent wrapping of admin bar that has more items than admin bar area on mobile layout */
     1056        #wpcontent {
     1057                padding-top: 15px;
     1058        }
     1059        #wpadminbar {
     1060                display: flex;
     1061                flex-wrap: nowrap;
     1062                padding-bottom: 15px;
     1063                overflow-x: scroll;
     1064                overflow-y: hidden;
     1065        }
     1066        #wpadminbar > *,
     1067        #wpadminbar .ab-top-menu {
     1068                display: flex;
     1069                flex-wrap: nowrap;
     1070        }
     1071        #wpadminbar .ab-sub-wrapper {
     1072                display: none !important;
     1073        }
    10191074}
    10201075
    10211076/* Smartphone */