Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 03:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Using viewport height instead of 100vh

Browse source
This commit is contained in:
Ivelin Megdanov 2025-02-12 12:22:25 +02:00
parent 40626ecb78
commit 2b92474160
1 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/NavBar/HorizontalNavBar/NavMenu/styles.less
View file

@ -14,13 +14,13 @@
}
.nav-menu-container {
width: 22rem;
max-height: calc(100vh - var(--horizontal-nav-bar-size) - 1rem);
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - 1rem);
overflow-y: auto;
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
&.with-warning {
max-height: calc(100vh - var(--horizontal-nav-bar-size) - 6rem);
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - 6rem);
}
.user-info-container {
@ -112,10 +112,10 @@
@media only screen and (max-width: @minimum) {
.nav-menu-container {
max-height: calc(100vh - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 1rem);
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 1rem);
&.with-warning {
max-height: calc(100vh - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 8.5rem);
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 8.5rem);
}
}
}