Skip to content

Commit

Permalink
update top margin for pages with sub nav fixes issue #15214 (#15215)
Browse files Browse the repository at this point in the history
  • Loading branch information
wen-2018 authored Sep 27, 2024
1 parent bb83e23 commit 83cdddb
Showing 1 changed file with 8 additions and 13 deletions.
21 changes: 8 additions & 13 deletions media/css/m24/components/navigation-refresh.scss
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
.moz24-navigation-refresh {
display: flex;
width: 100%;
position: fixed;
position: sticky;
z-index: 100;
top: 0;
left: 0;
Expand Down Expand Up @@ -528,22 +528,17 @@
}
}

// page content
// page content - hide all content except for the nav when mobile nav menu is open
// This is not part of Protocol, it is specifc to Bedrock; should be documented in future
body:has(.c-navigation-items.mzp-is-open) {
#outer-wrapper {
display: none;
& > .c-sub-navigation,
& > .moz-consent-banner.is-visible,
& > .c-banner.c-banner-is-visible,
& > #outer-wrapper {
display: none !important; /* stylelint-disable-line declaration-no-important */

@media #{$mq-md} {
display: block;
display: block !important; /* stylelint-disable-line declaration-no-important */
}
}
}

#outer-wrapper {
margin-top: 48px;

@media #{$mq-md} {
margin-top: 0;
}
}

0 comments on commit 83cdddb

Please sign in to comment.