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