Mobile navigation is non-functional — MENU button does nothing #37

New issue

Closed

opened 2026-08-23 05:42:05 +00:00 by nasandre · 1 comment

nasandre commented

2026-08-23 05:42:05 +00:00

Owner

Medium (UX)

The header nav collapses below md breakpoint to a placeholder button that has no handler:

`frontend/src/components/layout/AppLayout.tsx:145-149`

```tsx

\`\`\`

Mobile users cannot reach Characters/Voidship/Campaign/Admin at all.

Suggested fix

Add a slide-down/hamburger menu listing the same links as desktop nav (+ logout).

## Medium (UX) The header nav collapses below md breakpoint to a placeholder button that has no handler: \`frontend/src/components/layout/AppLayout.tsx:145-149\` \`\`\`tsx <div className=\"md:hidden\"> <button className=\"p-2 rounded-md border ...\"> <span className=\"font-mono text-sm\">MENU</span> </button> </div> \`\`\` Mobile users cannot reach Characters/Voidship/Campaign/Admin at all. ## Suggested fix Add a slide-down/hamburger menu listing the same links as desktop nav (+ logout).

nasandre added the

Bug

label

2026-08-23 05:42:05 +00:00

nasandre referenced this issue from a commit

2026-08-23 06:55:48 +00:00

Fix issues #30-#40: security hardening, edit mode, mobile nav, transactions

nasandre commented

2026-08-23 06:56:40 +00:00

Author

Owner

✅ Fixed (commit 05b5453) — MENU button toggles an accessible mobile dropdown (aria-expanded, auto-labelled) with Dashboard/Characters/Voidship/Campaign + Admin for GMs; links close the menu on tap; button switches to CLOSE state. Same visual language as desktop nav.

✅ **Fixed** (commit `05b5453`) — MENU button toggles an accessible mobile dropdown (`aria-expanded`, auto-labelled) with Dashboard/Characters/Voidship/Campaign + Admin for GMs; links close the menu on tap; button switches to CLOSE state. Same visual language as desktop nav.

nasandre closed this issue

2026-08-23 06:56:41 +00:00