Make WordPress Core

Ticket #28983: updated-admin-bar-wrap-fix.diff

File updated-admin-bar-wrap-fix.diff, 1.8 KB (added by KZeni, 3 years ago)

Updated implementation that was downloaded as a diff from https://github.com/WordPress/wordpress-develop/pull/1082/ (migrated the change into a new PR that's now associated with this ticket)

  • 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 3cc47cb0fc..85c4619938 100644
    a b html:lang(he-il) .rtl #wpadminbar * { 
    138138        padding: 0 8px 0 7px;
    139139}
    140140
     141#wpadminbar .quicklinks > ul > li,
     142#wpadminbar .quicklinks .ab-item {
     143        max-width: 100px; /* Improve spacing and prevent Site Title from eating WP Logo */
     144}
     145
    141146#wpadminbar .menupop .ab-sub-wrapper,
    142147#wpadminbar .shortlink-input {
    143148        margin: 0;
    html:lang(he-il) .rtl #wpadminbar * { 
    719724        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    720725}
    721726
     727@media only screen and (min-width: 1061px) {
     728        /* Reset the spacing */
     729        #wpadminbar .quicklinks > ul > li,
     730        #wpadminbar .quicklinks .ab-item {
     731                max-width: initial;
     732                text-overflow: clip;
     733        }
     734}
     735@media screen and (min-width: 782px) {
     736        /* Prevent wrapping of admin bar that has more items than admin bar area (mobile-friendly toolbar doesn't need this) */
     737        #wpadminbar .quicklinks {
     738                justify-content: space-between;
     739        }
     740        #wpadminbar .quicklinks > ul > li {
     741                float: none !important;
     742        }
     743        #wpadminbar .quicklinks > ul > li,
     744        #wpadminbar .quicklinks .ab-item {
     745                white-space: nowrap;
     746                text-overflow: ellipsis;
     747                min-width: 0 !important;
     748        }
     749        #wpadminbar .quicklinks .ab-item {
     750                overflow: hidden;
     751        }
     752        #wpadminbar .quicklinks .ab-item .ab-label,
     753        #wpadminbar .quicklinks .ab-item .display-name {
     754                float: none;
     755                display: inline;
     756        }
     757        #wpadminbar .quicklinks,
     758        #wpadminbar .quicklinks > ul {
     759                display: -ms-flexbox;
     760                display: flex;
     761                flex-wrap: nowrap;
     762                -ms-flex-wrap: nowrap;
     763                min-width: 0 !important;
     764        }
     765        #wpadminbar #wp-admin-bar-top-secondary {
     766                flex-direction: row-reverse;
     767                -ms-flex-direction: row-reverse;
     768        }
     769}
     770
    722771@media screen and (max-width: 782px) {
    723772        /* Toolbar Touchification*/
    724773        html #wpadminbar {