From 967dd4e4fe89425cb50dbbb73fea319793344e19 Mon Sep 17 00:00:00 2001 From: Alexander Zaytsev Date: Tue, 24 Feb 2026 15:59:11 +0100 Subject: [PATCH] Use `dvh` instead of `vh` to fix jump menu clipping on mobile --- app/assets/stylesheets/nav.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/nav.css b/app/assets/stylesheets/nav.css index c48a78034..668733520 100644 --- a/app/assets/stylesheets/nav.css +++ b/app/assets/stylesheets/nav.css @@ -71,14 +71,14 @@ 0 0.8em 0.8em oklch(var(--lch-blue-medium) / 5%); grid-template-rows: auto 1fr auto; gap: var(--nav-section-gap); - max-block-size: calc(100vh - var(--block-space) - var(--footer-height)); + max-block-size: calc(100dvh - var(--block-space) - var(--footer-height)); overflow: hidden; padding-block-end: 0; scrollbar-gutter: stable both-edges; z-index: var(--z-nav); @media (max-height: 668px) { - max-block-size: calc(100vh - var(--block-space)); + max-block-size: calc(100dvh - var(--block-space)); } }