fix: allow scrolling sidenav

carbon-design-system · Jun 3, 2019 · 850d33e · 850d33e
1 parent cba31f4
commit 850d33e
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavWrapper.js b/packages/gatsby-theme-carbon/src/components/LeftNav/LeftNavWrapper.js
@@ -3,11 +3,12 @@ import mq from '../../util/media-queries';
 
 const LeftNavWrapper = styled.div(({ expanded, shouldHideHeader }) => ({
   transition: 'transform 0.15s cubic-bezier(0.2, 0.2, 0.38, 0.9), top 110ms',
-  height: '100vh',
   width: '256px',
   position: 'fixed',
-  left: 0,
   top: shouldHideHeader ? '0px' : '48px',
+  bottom: 0,
+  overflow: 'auto',
+  scrollbarWidth: 'none',
   zIndex: 10000, // z('floating')
   transform: expanded ? 'translateX(0px)' : 'translateX(-256px)',
   '.bx--side-nav.bx--side-nav--website': {