From fa50142438e524daadeac551c389e72b1623c0fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Thu, 12 Dec 2019 17:32:00 +0100
Subject: [PATCH] fix: overflow on menu and content

---
 src/styles/base/main.scss      | 10 +++++-----
 src/styles/base/menu-left.scss |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss
index 45a44a7..1a23477 100644
--- a/src/styles/base/main.scss
+++ b/src/styles/base/main.scss
@@ -19,12 +19,12 @@ $breakpoints: (phone: 480px,
   body {
     background-color: $color-210-25-95;
     color: $color-213-4-50;
+    display: flex;
+    flex-direction: column;
     font-size: 1.6rem;
-    overflow-y: scroll;
-  }
-
-  html {
-    overflow-y: scroll;
+    height: 100vh;
+    overflow: hidden;
+    overflow-wrap: break-word;
   }
 
   main {
diff --git a/src/styles/base/menu-left.scss b/src/styles/base/menu-left.scss
index 77a273d..75585e3 100644
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@@ -2,9 +2,9 @@
   background-color: $color-233-18-29;
   color: $color-0-0-100;
   display: block;
-  height: calc(100vh - 82px);
   max-width: 250px;
-  transition: flex-basis 0.5s ease-in-out;
+  overflow: auto;
+  /*transition: flex-basis 0.5s ease-in-out;*/
 
   &.open {
     transform: translateX(0);