refactor(website/responsive): make the website responsive - code review

adeo · Aug 31, 2020 · 2ac31af · 2ac31af
1 parent 14c018b
commit 2ac31af
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/packages/gatsby-theme-styleguide/src/gatsby-components/TableOfContents/tableofcontents.scss b/packages/gatsby-theme-styleguide/src/gatsby-components/TableOfContents/tableofcontents.scss
@@ -13,12 +13,15 @@
   }
 
   &__wrapper {
-    border-left: 1px solid #887f87;
-    max-height: 90vh;
-    overflow-y: auto;
     padding: 1rem;
-    position: sticky;
-    top: 0;
+
+    @media screen and (min-width: 1280px) {
+      border-left: 1px solid #887f87;
+      max-height: 90vh;
+      overflow-y: auto;
+      position: sticky;
+      top: 0;
+    }
   }
 
   &__title {

diff --git a/packages/gatsby-theme-styleguide/src/templates/pattern-page.js b/packages/gatsby-theme-styleguide/src/templates/pattern-page.js
@@ -149,7 +149,7 @@ export default ({ data, location }) => {
   const hasTabs = samePageTabs.length > 1
   const hasMainCategory = mainCategory.length > 3
 
-  function handleMenu(e) {
+  const handleMenu = () => {
     if (document.body.classList.contains('nav-open')) {
       document.body.classList.remove('nav-open')
       return false