Fix sizing of fullscreen menu when displayed on a mobile browser with floating address bar

2024-05-17 22:30:36 +02:00 · 2024-05-17 22:30:36 +02:00 · acef3b1e46
commit acef3b1e46
parent 1752324f29
1 changed files with 2 additions and 1 deletions
--- a/src/back/routes/common/fullscreen-menu/fullscreen-menu.css
+++ b/src/back/routes/common/fullscreen-menu/fullscreen-menu.css
@ -1,6 +1,6 @@
 .fullscreen-menu {
 	--fullscreen-menu-padding: 1rem;
-	--fullscreen-menu-height: 100vh;
+	--fullscreen-menu-height: 100dvh;
 	--fulscreen-menu-inner-height: calc(
 		var(--fullscreen-menu-height) - 2 * var(--fullscreen-menu-padding)
 	);
@ -37,6 +37,7 @@

 .fullscreen-menu__panel-container {
 	display: grid;
+	height: 100%;
 }

 .fullscreen-menu__panel {