fix: stack navbar on top so that the banner doesn't cover the navbar.

adnanhashmi09 · Oct 2, 2022 · e7aaebf · e7aaebf
1 parent c6f5cf9
commit e7aaebf
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/Layout/index.tsx b/packages/docusaurus-theme-classic/src/theme/Navbar/Layout/index.tsx
@@ -39,6 +39,7 @@ export default function NavbarLayout({children}: Props): JSX.Element {
       className={clsx(
         'navbar',
         'navbar--fixed-top',
+        styles.stackNavbarOnTop,
         hideOnScroll && [
           styles.navbarHideable,
           !isNavbarVisible && styles.navbarHidden,

diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/Layout/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Navbar/Layout/styles.module.css
@@ -12,3 +12,7 @@
 .navbarHidden {
   transform: translate3d(0, calc(-100% - 2px), 0);
 }
+
+.stackNavbarOnTop {
+  z-index: calc(var(--ifm-z-index-fixed) + 1);
+}