Work around code blocks overlapping the sidebar

gatsbyjs · Mar 13, 2018 · c62327e · c62327e
1 parent 1436f09
commit c62327e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/www/src/layouts/index.js b/www/src/layouts/index.js
@@ -38,9 +38,8 @@ class DefaultLayout extends React.Component {
     const hasSidebar =
       isDoc || isTutorial || isFeature || isPackage || isPackageReadme
     const isSearchSource = hasSidebar || isBlog
-
-    const packageSidebarWidth = rhythm(17)
 
+    const packageSidebarWidth = rhythm(17)
 
     const leftPadding = rhythmSize => {
       if (this.props.location.pathname.slice(0, 9) === `/packages`) {
@@ -108,6 +107,7 @@ class DefaultLayout extends React.Component {
       display: `none`,
       width: `100vw`,
       padding: rhythm(3 / 4),
+      zIndex: 1,
       [presets.Desktop]: {
         ...sidebarStyles,
         position: `fixed`,