diff options
| author | bearz314 <wongchoonjie@gmail.com> | 2025-03-10 21:05:36 +1100 |
|---|---|---|
| committer | Markus Heiser <markus.heiser@darmarIT.de> | 2025-03-15 09:03:49 +0100 |
| commit | 85bdff6b0a69449ae0a010abb76e34a10d3d2077 (patch) | |
| tree | eb62ec67786cc72c3442ef3ab058145bfcb1670e /client | |
| parent | f7ef4396b13d9fa46dfcf793e2be726e71d81826 (diff) | |
[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.
Diffstat (limited to 'client')
| -rw-r--r-- | client/simple/src/less/style.less | 6 |
1 files changed, 6 insertions, 0 deletions
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; |