From 4e6b1d6a1112fde0f411fb80ac3706465ea18df5 Mon Sep 17 00:00:00 2001 From: Philip Wagner Date: Wed, 26 Mar 2025 11:03:40 +0100 Subject: [PATCH] fix for mobile safari --- assets/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/assets/style.css b/assets/style.css index cd2de22..f8c8b53 100644 --- a/assets/style.css +++ b/assets/style.css @@ -106,7 +106,7 @@ nav { height: 100%; padding-top: 89pt !important; justify-content: space-between #lang-switch a { line-height: 1rem !important } #content { position: relative; overflow-wrap: break-word; hyphens: auto } -#inner-content { display: grid; grid-template-rows: auto 1fr auto; min-height: calc(100vh - 22pt - 40pt - 22pt); padding-bottom: calc(22pt + 40pt + 22pt) } +#inner-content { display: grid; grid-template-rows: auto 1fr auto; min-height: calc(100dvh - 22pt - 40pt - 22pt); padding-bottom: calc(22pt + 40pt + 22pt) } footer { background: var(--white); padding: 22pt; position: fixed; left: 0; right: 0; bottom: 0; line-height: 1 !important; } footer a { line-height: 1 !important; text-align-last: justify; display: block; white-space: nowrap; letter-spacing: 2.8vw } @media (max-width: 1700px) { footer a { letter-spacing: 2vw } } @@ -118,7 +118,7 @@ footer a { line-height: 1 !important; text-align-last: justify; display: block; @media (max-width: 750px) { #menu { overflow-y: scroll; } - #inner-content { min-height: calc(100vh - 11pt - 22pt - 11pt); padding-bottom: calc(11pt + 22pt + 11pt) } + #inner-content { min-height: calc(100dvh - 11pt - 22pt - 11pt); padding-bottom: calc(11pt + 22pt + 11pt) } footer { font-size: 22pt !important; letter-spacing: 0 !important; padding: 11pt !important } .headline { padding-left: 79pt } .headline h3 { font-size: 16pt; max-width: calc(100dvw - 22pt - 37pt - 37pt - 37pt - 22pt) }