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

add LESS variables for height calculations

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

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

@ -1,5 +1,8 @@
// Copyright (C) 2017-2023 Smart code 203358507
@viewport-minus-navbar: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size));
@viewport-minus-horizontal-navbar: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size));
@import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
@import (reference) '~stremio/common/screen-sizes.less';
@ -14,13 +17,13 @@
}
.nav-menu-container {
width: 22rem;
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - 1rem);
max-height: calc(@viewport-minus-horizontal-navbar - 1rem);
overflow-y: auto;
border-radius: var(--border-radius);
background-color: var(--modal-background-color);
&.with-warning {
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - 6rem);
max-height: calc(@viewport-minus-horizontal-navbar - 6rem);
}
.user-info-container {
@ -112,10 +115,10 @@
@media only screen and (max-width: @minimum) {
.nav-menu-container {
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 1rem);
max-height: calc(@viewport-minus-navbar - 1rem);
&.with-warning {
max-height: calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size) - 8.5rem);
max-height: calc(@viewport-minus-navbar - 8.5rem);
}
}
}