From bd9a97cc4cae6cd6d3c7ec7eda12ba6a3db015cc Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Thu, 14 Oct 2021 14:57:55 +0200
Subject: [PATCH] fix: display on IOS - left-menu, member profile,
 circle/project chat

---
 src/styles/chat/_index.scss     | 2 +-
 src/styles/content/_index.scss  | 7 +++++--
 src/styles/left-nav/_index.scss | 9 ++++-----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/styles/chat/_index.scss b/src/styles/chat/_index.scss
index 9d9224dc..3a8d3f89 100644
--- a/src/styles/chat/_index.scss
+++ b/src/styles/chat/_index.scss
@@ -10,7 +10,7 @@
 
   @media (max-width: 768px) {
 
-    height: calc(100vh - 50px - 58px);
+    height: calc(100vh - 50px);
 
     .messages-header {
       display: flex;
diff --git a/src/styles/content/_index.scss b/src/styles/content/_index.scss
index 115f9270..2acbdf77 100644
--- a/src/styles/content/_index.scss
+++ b/src/styles/content/_index.scss
@@ -116,8 +116,11 @@ main {
   -ms-overflow-style: none;
 }
 
-.scrollbar-nav {
-  height: 100vh;
+.scrollbar-content {
+
+  @media (max-width: 768px) {
+    position: relative;
+  }
 }
 
 /* Custom scrollbar of the right-menu */
diff --git a/src/styles/left-nav/_index.scss b/src/styles/left-nav/_index.scss
index 1aefdc5e..1b676a0f 100644
--- a/src/styles/left-nav/_index.scss
+++ b/src/styles/left-nav/_index.scss
@@ -1,5 +1,8 @@
 nav#main__menu {
-  height: 100vh;
+
+  @media (min-width: 768.01px) {
+    height: 100vh;
+  }
 
   &.searching {
     background-image: url('../images/magnify-white.svg');
@@ -14,10 +17,6 @@ nav#main__menu {
     }
   }
 
-  @media (max-width: 768px) {
-    min-height: calc(100vh - 50px);
-  }
-
   .transparent-background {
     background-color: transparent;
 
-- 
GitLab