Make WordPress Core

Changeset 27006


Ignore:
Timestamp:
01/22/2014 06:37:42 PM (11 years ago)
Author:
iammattthomas
Message:

Responsive improvements to submenus in the adminbar:

  • Remove .ab-sub-wrapper rules in the 782px media query, as they're duplicates of the rules set on line 161.
  • Reposition the arrows for submenus at responsive sizes where the menus are taller.
  • Set the submenu position to static at smartphone sizes, so it's not positioned outside of its parent (and thus offscreen).

Fixes #26720, props undergroundnetwork, iammattthomas.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/admin-bar.css

    r26925 r27006  
    10381038    }
    10391039
    1040     #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
    1041         right: 0;
    1042         left: auto;
    1043     }
    1044 
    10451040    .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
    10461041        margin-right: 0;
     1042    }
     1043   
     1044    /* Realign arrows on taller responsive submenus */
     1045   
     1046    #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
     1047        top: 10px;
     1048        left: 0;
    10471049    }
    10481050}
     
    10981100        display: none;
    10991101    }
    1100 }
     1102   
     1103    /* Make submenus full-width at this size */
     1104   
     1105    #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
     1106        position: static;
     1107        -webkit-box-shadow: none;
     1108        box-shadow: none;
     1109    }
     1110}
Note: See TracChangeset for help on using the changeset viewer.