Skip to content

Sticky page title on desktop + theme dropdown fixes#14

Merged
jakebodea merged 2 commits intodevfrom
feat/sticky-page-title-desktop
Feb 8, 2026
Merged

Sticky page title on desktop + theme dropdown fixes#14
jakebodea merged 2 commits intodevfrom
feat/sticky-page-title-desktop

Conversation

@jakebodea
Copy link
Owner

@jakebodea jakebodea commented Feb 8, 2026

Summary

  • Extend sticky page title effect to desktop — title slides into the nav row on scroll (same illusion as mobile)
  • Refactor: move sticky positioning from PageTitle into PageWrapper so PageTitle stays a pure typography component and the home page hero is unaffected
  • Fix theme dropdown not opening on mobile (hover pointerleave was racing the open)
  • Align theme dropdown to right edge on mobile

Test plan

  • Desktop: scroll on inner pages (quotes, blogs, projects, timeline) — title should stick and merge into the nav row
  • Mobile: same sticky behavior as before
  • Mobile: tap theme toggle — dropdown should open and stay open
  • Mobile: dropdown should align to the right edge of the toggle
  • Home page: title should render normally (no sticky bar)

🤖 Generated with Claude Code

The mobile sticky title (scrolls with page, catches in the nav bar)
now works on all screen sizes. Removed the dual mobile/desktop
rendering split in PageTitle — one sticky element for all viewports.

Made the nav background transparent on desktop so the title bar
shows through when caught. Also fixed the nav indicator not
following the active tab by adding pathname to the useLayoutEffect
dependency array.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@vercel
Copy link
Contributor

vercel bot commented Feb 8, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
personal-website Ready Ready Preview, Comment Feb 8, 2026 6:53am

Move sticky positioning from PageTitle into PageWrapper so PageTitle
stays a pure typography component and home page is unaffected. Make
TopNav transparent on desktop so the page title slides into the nav row.

Fix theme dropdown not opening on mobile by guarding hover handlers
with pointerType check, and align dropdown to end on mobile.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@jakebodea jakebodea changed the title Extend sticky page title catch effect to desktop Sticky page title on desktop + theme dropdown fixes Feb 8, 2026
@jakebodea jakebodea merged commit e1bc3ff into dev Feb 8, 2026
3 checks passed
@jakebodea jakebodea deleted the feat/sticky-page-title-desktop branch February 8, 2026 06:54
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