Making WordPress.org

Changeset 11574


Ignore:
Timestamp:
02/17/2022 06:24:06 PM (2 years ago)
Author:
ryelle
Message:

Developer: Set mobile menu on top of the header.

Props kajalgohel.
See #6096.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

    r10068 r11574  
    21842184    .current-menu-ancestor .expandable .dashicons:hover,
    21852185    .current-menu-item .expandable .dashicons:hover {
    2186         background-color:: #0073aa !important;
     2186        background-color: #0073aa !important;
    21872187        color: #fff !important;
    21882188    }
     
    22962296body.responsive-show {
    22972297    position: fixed;
    2298     top: 32px;
    22992298
    23002299    #secondary {
     2300        top: var(--wp-admin--admin-bar--height, 0);
    23012301        left: 0;
    23022302        overflow-y: scroll;
     2303        z-index: 500;
    23032304
    23042305        .search-section {
     
    23202321}
    23212322@media only screen and (max-width: 782px) {
    2322     #secondary {
    2323         top: 46px;
    2324     }
    2325 
    23262323    body.responsive-show {
    23272324        position: fixed;
    2328         top: 46px;
    23292325        left: 0;
    23302326        right: 0;
     
    23362332    }
    23372333}
    2338 @media only screen and (max-width: 480px) {
    2339     body.responsive-show #secondary {
    2340         top: 46px;
    2341     }
    2342     body.responsive-show #wpadminbar {
    2343         top: -46px;
    2344     }
    2345 }
    2346 
    23472334@media (max-width: 876px) {
    23482335    #secondary {
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r10068 r11574  
    26782678body.responsive-show {
    26792679  position: fixed;
    2680   top: 32px;
    26812680}
    26822681
    26832682body.responsive-show #secondary {
     2683  top: var(--wp-admin--admin-bar--height, 0);
    26842684  left: 0;
    26852685  overflow-y: scroll;
     2686  z-index: 500;
    26862687}
    26872688
     
    27062707
    27072708@media only screen and (max-width: 782px) {
    2708   #secondary {
    2709     top: 46px;
    2710   }
    27112709  body.responsive-show {
    27122710    position: fixed;
    2713     top: 46px;
    27142711    left: 0;
    27152712    right: 0;
     
    27182715  body.responsive-show #secondary {
    27192716    left: 0;
    2720   }
    2721 }
    2722 
    2723 @media only screen and (max-width: 480px) {
    2724   body.responsive-show #secondary {
    2725     top: 46px;
    2726   }
    2727   body.responsive-show #wpadminbar {
    2728     top: -46px;
    27292717  }
    27302718}
Note: See TracChangeset for help on using the changeset viewer.