From 85bdff6b0a69449ae0a010abb76e34a10d3d2077 Mon Sep 17 00:00:00 2001
From: bearz314 <wongchoonjie@gmail.com>
Date: Mon, 10 Mar 2025 21:05:36 +1100
Subject: [PATCH] [web-client] simple theme: dynamic vertical height

On mobile devices with browser chrome (UI) that recedes on scroll,
'vh' includes the height covered by chrome, which 'dvh' does not.
By using 'dvh' the footer is immediately visible on the homepage
without scrollbar on mobile devices.
---
 client/simple/src/less/style.less | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/client/simple/src/less/style.less b/client/simple/src/less/style.less
index 1ea7c3e4b..93e8cb7ed 100644
--- a/client/simple/src/less/style.less
+++ b/client/simple/src/less/style.less
@@ -80,6 +80,12 @@ body {
   margin: 0;
 }
 
+@supports (height: 100dvh) {
+  body {
+    height: 100dvh;
+  }
+}
+
 main {
   width: 100%;
   margin-bottom: 2rem;