Skip to content

feat: unify sticky header — ArticleScrollBar everywhere#121

Merged
RonanHevenor merged 1 commit intomainfrom
fix/unified-sticky-header
Apr 24, 2026
Merged

feat: unify sticky header — ArticleScrollBar everywhere#121
RonanHevenor merged 1 commit intomainfrom
fix/unified-sticky-header

Conversation

@RonanHevenor
Copy link
Copy Markdown
Member

Deletes ArticleStaticHeader (the redundant one) and makes ArticleScrollBar the single sticky header across homepage and article pages. Home mode swaps share→search and is scroll-triggered. Article mode is always visible with logo starting centered and sliding left on scroll. pt-[64px] on article layouts to clear the 56px bar with 8px breathing room.

…leStaticHeader

- Delete ArticleStaticHeader.tsx and every import/usage. Article layouts
  (Standard, Opinion, Photofeature mobile) and the live article page
  now render nothing redundant — ArticleScrollBar is the one sticky bar
  on articles.
- ArticleScrollBar grows a home mode: when title/section props are
  absent it swaps the share button for a search button, hides the
  section|title center piece, and fades the whole bar in only after
  scrolling past ~220px. Homepage opts in by rendering
  <ArticleScrollBar /> with no props.
- On article pages the bar is now visible from scroll 0 with the logo
  centered. Past ~100px the logo cross-fades to the left and the
  section|title center cross-fades in — matching what readers expect
  from a pinned-at-top article header.
- Article layouts gain pt-[64px] so their content clears the 56px bar
  with 8px of breathing room (mobile + desktop). Photofeature's
  full-bleed desktop art stays edge-to-edge.
@RonanHevenor RonanHevenor merged commit 4e78fbe into main Apr 24, 2026
6 checks passed
@RonanHevenor RonanHevenor deleted the fix/unified-sticky-header branch April 24, 2026 19:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant