Skip to content

feat: make footer accessible on mobile + add scroll-to-top button#69

Merged
danielroe merged 7 commits intonpmx-dev:mainfrom
Flo0806:fix/sticky-headers
Jan 25, 2026
Merged

feat: make footer accessible on mobile + add scroll-to-top button#69
danielroe merged 7 commits intonpmx-dev:mainfrom
Flo0806:fix/sticky-headers

Conversation

@Flo0806
Copy link
Copy Markdown
Contributor

@Flo0806 Flo0806 commented Jan 25, 2026 •
edited by danielroe
Loading

fixes: #42
resolves: #41
resolves: #59
closes #70
closes #71

New Features

  • Scroll-to-Top Button: Mobile-only (bottom-right), appears on scroll
  • Reverse Sticky Footer: Hidden by default, slides in on scroll-up
  • CSS scroll-state container queries with JS fallback (progressive enhancement)

Fixes

  • Code Page: Sticky header + sidebar with internal scroll, mobile-friendly
  • Index Page: Removed hardcoded calc, clean flexbox
  • App Layout: Fixed flex chain, CSS variable for footer height
  • Fixed checkScrollable() bug (was using wrong element)
  • Fixed resize listener memory leak

Improvements

  • Compact mobile footer (single row with links and disclaimer)
  • Added aria-label for accessibility
  • Added min touch targets (44px) for footer links
  • Added backdrop blur effect to footer
  • Moved scroll-to-top to standard bottom-right position

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 25, 2026

@Flo0806 is attempting to deploy a commit to the danielroe Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link
Copy Markdown

vercel Bot commented Jan 25, 2026 •
edited
Loading

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

Project Deployment Review Updated (UTC)
npmx.dev Ready Ready Preview, Comment Jan 25, 2026 10:25pm

Request Review

@Flo0806 Flo0806 mentioned this pull request Jan 25, 2026
Closed
@danielroe danielroe mentioned this pull request Jan 25, 2026
Closed
@danielroe danielroe changed the title feat: magic footer, scroll up button feat: make footer accessible on mobile + add scroll-to-top button Jan 25, 2026
danielroe
danielroe approved these changes Jan 25, 2026
View reviewed changes
Copy link
Copy Markdown
Member

@danielroe danielroe left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thank you ❤️

@danielroe danielroe merged commit 0513704 into npmx-dev:main Jan 25, 2026
8 checks passed
vinnymac pushed a commit to vinnymac/npmx.dev that referenced this pull request Jan 28, 2026
@Flo0806 @iiio2
feat: make footer accessible on mobile + add scroll-to-top button (np…
65e677c 
…mx-dev#69)

Co-authored-by: "Mr. Robot" <gomexxxx71@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@danielroe danielroe danielroe approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

2 participants

@Flo0806 @danielroe