Make WordPress Core

Changeset 26687


Ignore:
Timestamp:
12/05/2013 07:57:17 PM (10 years ago)
Author:
iammattthomas
Message:

Un-hide dropdown submenus at responsive sizes, make submenus within dropdowns appear as inline lists at mobile device sizes. See #25972.

Location:
trunk/src
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/colors/_admin.scss

    r26635 r26687  
    294294}
    295295
    296 #wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
     296#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
     297#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
    297298    background: $menu-submenu-background-alt;
    298299}
  • trunk/src/wp-includes/css/admin-bar.css

    r26680 r26687  
    310310    right: auto;
    311311    margin: 0;
    312     background: #4b4b4b;
    313312    -webkit-box-shadow: none;
    314313    box-shadow: none;
    315314}
    316315
    317 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover > a,
    318 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover > a,
     316#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
     317#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
     318    background: #4b4b4b;
     319}
     320
     321#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
    319322#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
    320323    color: #2ea2cc;
     
    910913   
    911914    /* Allow dropdown list items to appear normally */
    912     #wpadminbar li:hover ul li {
     915    #wpadminbar li:hover ul li,
     916    #wpadminbar li:hover ul li:hover ul li {
    913917        display: list-item;
    914918    }
     
    10091013        margin-left: 0;
    10101014    }
     1015   
     1016    #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
     1017        display: inline-block;
     1018        margin: 0;
     1019        width: 100%;
     1020        top: auto;
     1021        left: auto;
     1022        position: relative;
     1023    }
     1024   
     1025    #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
     1026        font-size: 16px;
     1027        padding: 6px 15px 19px 30px;
     1028    }
     1029   
     1030    #wpadminbar li:hover ul li ul li {
     1031        display: list-item;
     1032    }
    10111033
    10121034    #wpadminbar li#wp-admin-bar-wp-logo,
Note: See TracChangeset for help on using the changeset viewer.