improvement(mobile): move language switcher out of mobile header into navigation drawer #103

Closed
opened 2026-03-27 12:22:01 +01:00 by marcel · 0 comments
Owner

Severity: Low — UX improvement

On mobile, the language switcher (DE | EN | ES) occupies the top-right corner of the header — prime real estate that competes with navigation. At 320px it forces the header to be cramped and contributes to overflow. For most family archive users, language is set once and never changed, making it low-value in the primary header.

This is a dependency of issue #90 (mobile navigation drawer): once a hamburger drawer exists, the language switcher should live there.


Fix

Once the mobile navigation drawer (#90) is implemented, move the language switcher inside the drawer at the bottom of the nav list. Remove it from the mobile header entirely. The desktop header can keep it in its current position (DE | EN | ES) since it does not cause overflow at ≥768px.

Mobile drawer layout:
─────────────────────
  Documents
  Persons
  Conversations
  Admin
─────────────────────
  DE | EN | ES
  Marcel (logout)
─────────────────────

This should be implemented together with #90, not independently.

## Severity: Low — UX improvement On mobile, the language switcher (DE | EN | ES) occupies the top-right corner of the header — prime real estate that competes with navigation. At 320px it forces the header to be cramped and contributes to overflow. For most family archive users, language is set once and never changed, making it low-value in the primary header. This is a dependency of issue #90 (mobile navigation drawer): once a hamburger drawer exists, the language switcher should live there. --- ## Fix Once the mobile navigation drawer (#90) is implemented, move the language switcher inside the drawer at the bottom of the nav list. Remove it from the mobile header entirely. The desktop header can keep it in its current position (DE | EN | ES) since it does not cause overflow at ≥768px. ``` Mobile drawer layout: ───────────────────── Documents Persons Conversations Admin ───────────────────── DE | EN | ES Marcel (logout) ───────────────────── ``` This should be implemented together with #90, not independently.
marcel added the ui label 2026-03-27 12:28:19 +01:00
Sign in to join this conversation.
No Label ui
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: marcel/familienarchiv#103