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 45a44a75..1a234775 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 77a273d6..75585e34 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);
--
GitLab