Repository navigation
[Motion] Scroll-aware header #884
Description
Summary
The sticky header is static; compress height and fade in the hairline/shadow after scroll, and hide on scroll-down / reveal on scroll-up on mobile.
Status: confirmed in the codebase.
Acceptance criteria
- Uses the motion tokens in
packages/ui/src/styles/globals.css(durations/easings/springs); no rawduration-*,ease-[…]ortransition-all - Honours
prefers-reduced-motion(and the in-app setting, once it exists): instant or opacity-only fallback - Animates
transform/opacityonly (or justifies otherwise); no layout shift; smooth at 60 fps on a mid-range phone (check with DevTools Performance + CPU 4× throttle) - Interruptible: reversing the interaction mid-animation continues from the current state, with no jump or replay
- Keyboard and screen-reader behaviour unchanged or improved; focus never lost
- PR includes a before/after screen recording (desktop and mobile)
Part of the 2026-10-15 UX/quality review of main @ 4c5cf1d. Contributors: read AGENTS.md and CONTRIBUTING.md. The full commit gate must pass, with no eslint-disable, .skip, or lowered thresholds. Comment here before starting so work isn't duplicated.
Activity
hameedx01 commentedon Oct 18, 2026
@hameedx01 has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @hameedx01 to this issue.
drips-wave commentedon Oct 19, 2026
Congratulations, @hameedx01! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on October 22, 2026.
🧑💻 @hameedx01: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.
Warning
When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.
🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.
🌊 Happy Wave 🌊
fix(web): keep the landing mobile menu outside the transformed header (…
feat(web): phase 9 scroll and wallet motion (#884-#887)
Merge pull request #1003 from hameedx01/feat/phase-9-motion-884-887
grantfox-oss commentedon Oct 19, 2026
🎉 This issue has been marked as completed on GrantFox!
@hameedx01's PR #1003 was approved and merged by @IbrahimIjai.
🏆 @hameedx01: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (35 total points). Track your full progress on GrantFox.
👏 Great work, @hameedx01! Keep contributing to SO4-Markets.
drips-wave commentedon Oct 19, 2026
This issue has been completed by @hameedx01 as part of the Stellar Wave Program's 10th Wave 🥳
😎 @hameedx01: You earned 200 Points for completing this issue! Once the Wave's rewards are finalized, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.
🧑💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.