Skip to content

Add persistent mobile home link#258

Merged
msaroufim merged 1 commit into
mainfrom
agent/add-mobile-home-link
Jul 22, 2026
Merged

Add persistent mobile home link#258
msaroufim merged 1 commit into
mainfrom
agent/add-mobile-home-link

Conversation

@msaroufim

Copy link
Copy Markdown
Member

Summary

  • show a labeled Home control in the mobile navbar while preserving the GPU MODE logo on larger screens
  • keep the Home control pinned to the left when the horizontally scrollable navbar moves
  • tighten mobile navbar spacing and update navbar tests to match the current navigation

Why

The GPU MODE logo was the only route back to the homepage. Because the whole navbar scrolls horizontally on narrow screens, that implicit home link could disappear off the left edge and leave mobile visitors without an obvious way home.

Impact

Mobile visitors now have a clear, 44px-tall Home target that remains visible while the rest of the navigation scrolls. Desktop behavior remains unchanged.

Validation

  • npm run test -- --run src/components/app-layout/NavBar.test.tsx
  • npm run lint
  • npm run build
  • verified at a 393×844 viewport that Home remains visible after horizontal navbar scrolling and navigates to /home
  • full frontend suite attempted: 89 tests pass and 10 unrelated existing login/news/leaderboard/profile tests fail

@msaroufim
msaroufim marked this pull request as ready for review July 22, 2026 16:59
@msaroufim
msaroufim merged commit 3abe875 into main Jul 22, 2026
1 check passed
msaroufim added a commit that referenced this pull request Jul 22, 2026
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