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:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user