Repository navigation
Slide the phone bottom bar away while reading down a page - #307
Conversation
It comes back after a short scroll up, at the top or end of a page, on every new page, and while it holds keyboard focus. Reduced motion fades it instead of sliding. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01PYdxvWr2QJdEqqD6VDcxfT
There was a problem hiding this comment.
Copilot was unable to review this pull request because the user who requested the review has insufficient remaining quota. Try requesting a review at a lower effort level.
An organization owner can choose the repository organization as the billing source for reviews requested by members with a paid Copilot license. Learn about Copilot code review billing.
🚀 Deploying Preview to Cloudflare 🚀Preview URL: https://claude-project-thread-vfltu5-hrt-tracker.oyamasmirnona.workers.dev (commit 2b9d87b)This URL reflects your latest Preview deploymentPreview Deployments by commit
|
|
Browser E2E failed before any test ran: installing Playwright's browser fonts with apt hit Generated by Claude Code |
|
The re-run of Browser E2E failed the same way, before any test ran (apt could not resolve Generated by Claude Code |
Requested by Аня · project thread
What changes
On a phone the bottom bar sat over long pages such as the calibration guide. Now it slides down out of view when you scroll down, and comes back when:
Any scroller counts, the page area or one inside it, since scroll events are caught in the capture phase. Icons (#196) are unchanged.
Motion uses the existing tokens (
--duration-slow,--ease-out), no bounce. With reduced motion it fades instead of sliding.Files
src/components/BottomNav.tsx:useScrollAway(pageKey)and adata-hiddenattributesrc/styles/motion.css: the slide and the reduced motion fallbacksrc/App.tsx: passescurrentViewaspageKeyChecks
tsc, ESLint, Prettier andvitest(900 passed) run locally. Checked in Chromium at iPhone 13 size on 模型说明: hidden after scrolling down, back after a short scroll up and at the end of the page.Generated with Claude Code
https://claude.ai/code/session_01PYdxvWr2QJdEqqD6VDcxfT