vitalif
/
react-toolbox
1
0
Fork 0
Code Issues Pull Requests Releases 12 Wiki Activity

Fix media queries panel height calculations (#1467)

old
Aris Plakias 2017-07-13 21:18:00 +03:00 committed by Javi Velasco
parent d6bdf2008e
commit 4a13ff2541
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/layout/theme.css
View File

@ -70,19 +70,23 @@
}
& .panel {
height: calc(100vh - var(--appbar-height));
max-height: calc(100vh - var(--appbar-height));
top: var(--appbar-height);
&:not(.bodyScroll) {
height: calc(100vh - var(--appbar-height));
max-height: calc(100vh - var(--appbar-height));
overflow-y: scroll;
}
@media screen and (--xxs-viewport) and (--portrait) {
height: calc(100vh - var(--appbar-height-m-portrait));
max-height: calc(100vh - var(--appbar-height-m-portrait));
top: var(--appbar-height-m-portrait);
}
@media screen and (--xs-viewport) and (--landscape) {
height: calc(100vh - var(--appbar-height-m-landscape));
max-height: calc(100vh - var(--appbar-height-m-landscape));
top: var(--appbar-height-m-landscape);
}
}