Merge pull request #50 from heyjul3s/fix/docs-code-scroll

move Navbar out of NavContainer and update pointer events
heyjul3s · Jan 15, 2021 · 097b953 · 097b953
2 parents b5af83c + f80ac1b
commit 097b953
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/docs/components/Nav/Mobile/MobileNav.tsx b/docs/components/Nav/Mobile/MobileNav.tsx
@@ -20,10 +20,10 @@ export function MobileNav() {
         setViewIndex
       }}
     >
-      <NavContainer>
+      <NavContainer panelOpen={panelOpen}>
         <NavSlides />
-        <Navbar />
       </NavContainer>
+      <Navbar />
     </MobileNavContext.Provider>
   );
 }
diff --git a/docs/components/Nav/Mobile/styles.ts b/docs/components/Nav/Mobile/styles.ts
@@ -1,10 +1,11 @@
 import styled from 'styled-components';
 
-export const NavContainer = styled.div`
+export const NavContainer = styled.div<{ panelOpen: boolean }>`
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1;
+  pointer-events: ${({ panelOpen }) => (!!panelOpen ? 'auto' : 'none')};
 `;
 
 export const SVGwrapper = styled.svg`