Skip to content

fix(#259): wallet badge mobile viewport overlay/clickability - #369

Merged
1 commit merged into
Goldii-locks:mainfrom
udeachudivine-spec:fix/wallet-badge-mobile-viewport
Aug 31, 2026
Merged

fix(#259): wallet badge mobile viewport overlay/clickability#369
1 commit merged into
Goldii-locks:mainfrom
udeachudivine-spec:fix/wallet-badge-mobile-viewport

Conversation

@udeachudivine-spec

@udeachudivine-spec udeachudivine-spec commented Aug 30, 2026

Copy link
Copy Markdown
Contributor

Closes #241


  • Add flex-wrap and min-w-0 to nav items container so items wrap instead of overflowing horizontally on narrow viewports (iPhone SE)
  • Add relative z-10 to to establish a stacking context above non-overlay page content
  • Replace inline wallet span + disconnect button with WalletBadge component (adds proper a11y attrs and shrink-0 for mobile)
  • Tighten nav padding on mobile (px-4 sm:px-6, py-3 sm:py-4)
  • Remove now-unused short() address helper from Navbar
  • Add WalletBadge.test.tsx: 18 tests covering interactive element presence, click handler firing, and desktop regression at common mobile viewport heights (375x568, 375x667, 414x736)

- Add flex-wrap and min-w-0 to nav items container so items wrap
  instead of overflowing horizontally on narrow viewports (iPhone SE)
- Add relative z-10 to <nav> to establish a stacking context above
  non-overlay page content
- Replace inline wallet span + disconnect button with WalletBadge
  component (adds proper a11y attrs and shrink-0 for mobile)
- Tighten nav padding on mobile (px-4 sm:px-6, py-3 sm:py-4)
- Remove now-unused short() address helper from Navbar
- Add WalletBadge.test.tsx: 18 tests covering interactive element
  presence, click handler firing, and desktop regression at common
  mobile viewport heights (375x568, 375x667, 414x736)
@udeachudivine-spec

Copy link
Copy Markdown
Contributor Author

close issue #259

@godamongstmen897 godamongstmen897 closed this pull request by merging all changes into Goldii-locks:main in 08e9ec6 Aug 31, 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.

Format console errors and transaction tracking in wallet_disconnect_handler

2 participants