From 83d7cd3baac717e3a2a077b8b413bbe2c3ab2699 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;