Fix sizing of fullscreen menu when displayed on a mobile browser with floating address bar
This commit is contained in:
parent
1752324f29
commit
acef3b1e46
@ -1,6 +1,6 @@
|
|||||||
.fullscreen-menu {
|
.fullscreen-menu {
|
||||||
--fullscreen-menu-padding: 1rem;
|
--fullscreen-menu-padding: 1rem;
|
||||||
--fullscreen-menu-height: 100vh;
|
--fullscreen-menu-height: 100dvh;
|
||||||
--fulscreen-menu-inner-height: calc(
|
--fulscreen-menu-inner-height: calc(
|
||||||
var(--fullscreen-menu-height) - 2 * var(--fullscreen-menu-padding)
|
var(--fullscreen-menu-height) - 2 * var(--fullscreen-menu-padding)
|
||||||
);
|
);
|
||||||
@ -37,6 +37,7 @@
|
|||||||
|
|
||||||
.fullscreen-menu__panel-container {
|
.fullscreen-menu__panel-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fullscreen-menu__panel {
|
.fullscreen-menu__panel {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user