Make WordPress Core

Ticket #28983: 1082.diff

File 1082.diff, 1.3 KB (added by KZeni, 3 years ago)

Updated implementation that was downloaded from https://github.com/WordPress/wordpress-develop/pull/1082.diff (Removed styles that were more problematic than helpful after more thorough testing.)

  • 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..5295c59644b 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 (mobile-friendly toolbar doesn't need this) */
     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 {