Browse Source

[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.
bearz314 1 month ago
parent
commit
85bdff6b0a
1 changed files with 6 additions and 0 deletions
  1. 6 0
      client/simple/src/less/style.less

+ 6 - 0
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;