fix(stacked-note): size mobile notes with svh to stabilize scroll target

Dynamic viewport units rescale every note when the mobile address bar
grows or shrinks, shifting the scroll target by the address-bar height
mid-flight. Small viewport units stay constant across address-bar
transitions so the smooth scroll lands where it was aimed.
This commit is contained in:
Julien Calixte
2026-05-04 18:45:45 +02:00
parent cc266eac7c
commit 2f05b93f51
3 changed files with 3 additions and 3 deletions

View File

@@ -259,7 +259,7 @@ $header-height: 40px;
.note {
width: 100vw;
height: 100dvh;
height: 100svh;
overflow-y: visible;
}

View File

@@ -429,7 +429,7 @@ $border-color: rgba(18, 19, 58, 0.2);
@media screen and (max-width: 768px) {
.stacked-note {
padding: 0 0.75rem 1rem;
height: 100dvh;
height: 100svh;
section {
padding: 1rem 0;