fix(scroll): add scroll-margin-top to all feed entry types

Offsets scroll targets by header height + 1rem so marker clicks land
below the sticky nav, not behind it. Applies to both .journal-post
and .entry-card (story cards).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
2026-06-21 20:33:57 +02:00
parent b1492918d5
commit 71f8629d18
+2
View File
@@ -97,6 +97,7 @@ body::after {
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
padding-bottom: var(--space-8); padding-bottom: var(--space-8);
transition: background 0.15s; transition: background 0.15s;
scroll-margin-top: calc(var(--site-header-height) + var(--space-4));
} }
/* Card: photo variant */ /* Card: photo variant */
@@ -163,6 +164,7 @@ body::after {
.journal-post { .journal-post {
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
padding-bottom: var(--space-8); padding-bottom: var(--space-8);
scroll-margin-top: calc(var(--site-header-height) + var(--space-4));
} }
.journal-post-header { .journal-post-header {