diff --git a/src/styles/chat/_index.scss b/src/styles/chat/_index.scss index 9d9224dc3df6dffaff76e2974f936dbb3309fb9e..3a8d3f89c4b02fd14d555d6e33d44753490d3cd0 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 115f927023f54635a407c9452378a98944b467bc..2acbdf77ebf52455dd0e6f5d5e02e79bf501ed62 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 1aefdc5ee10cd7ee090e0261485a3a4db4e3af95..1b676a0f341c37c632ec09131ef26cd361a72895 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;