From f2af57ac79117d78c7f994fec6a8eeba2d191e06 Mon Sep 17 00:00:00 2001 From: Thib Date: Wed, 30 Apr 2025 14:33:38 +0200 Subject: [PATCH 1/2] Make the header sticky to fix scroll issues in safari Signed-off-by: Thib --- sass/_header.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/sass/_header.scss b/sass/_header.scss index 87cf8ba272..bff33d7f7d 100644 --- a/sass/_header.scss +++ b/sass/_header.scss @@ -1,11 +1,13 @@ .site-header { - position: fixed; + position: sticky; + inset-block-start: 0; + inset-inline: 0; + z-index: 1000; --header-padding: 1.5dvw; --header-vertical-padding: 8px; display: flex; - width: 100%; height: var(--navbar-height); padding-left: 20px; align-items: center; @@ -189,7 +191,7 @@ border-radius: 6px; padding-inline: 1rem; padding-block: 0.75rem; - + display: flex; flex-direction: column; From 1111d276523eef2ed32bcaf6558c7370c79fc446 Mon Sep 17 00:00:00 2001 From: Thib Date: Wed, 30 Apr 2025 14:34:01 +0200 Subject: [PATCH 2/2] Make the body a grid, that always fills the screen Signed-off-by: Thib --- sass/_base.scss | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/sass/_base.scss b/sass/_base.scss index 6cb0dbb2ea..3fd94edaba 100644 --- a/sass/_base.scss +++ b/sass/_base.scss @@ -29,9 +29,9 @@ html { body { margin: 0; - min-height: 100svh; - display: flex; - flex-direction: column; + min-height: 100dvh; + display: grid; + grid-template-rows: auto 1fr auto; background-color: #fff; color: var(--color-text); @@ -52,11 +52,6 @@ body { line-height: 1.75; } -main { - flex: 1; - padding-top: var(--navbar-height); -} - a { color: var(--color-link); text-decoration: none;