From acef3b1e46c8b600db0db4d870fb9e5a2c3d5722 Mon Sep 17 00:00:00 2001 From: Kuba Orlik Date: Fri, 17 May 2024 22:30:36 +0200 Subject: [PATCH] Fix sizing of fullscreen menu when displayed on a mobile browser with floating address bar --- src/back/routes/common/fullscreen-menu/fullscreen-menu.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/back/routes/common/fullscreen-menu/fullscreen-menu.css b/src/back/routes/common/fullscreen-menu/fullscreen-menu.css index cb4ad5b..c90b052 100644 --- 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 {