Skip to content

fix: stable topbar across languages, mobile layout, localized tab title#11

Merged
mateuseap merged 1 commit into
mainfrom
fix/topbar-i18n-responsive
Jul 23, 2026
Merged

fix: stable topbar across languages, mobile layout, localized tab title#11
mateuseap merged 1 commit into
mainfrom
fix/topbar-i18n-responsive

Conversation

@mateuseap

Copy link
Copy Markdown
Owner

Follow-up on the UI feedback: the topbar visibly shrank/expanded when switching language, broke on mobile, and the new tab title was fixed in English despite the app shipping en/pt-BR/es.

Changes made

  • Topbar no longer shifts on language change: auth buttons reserve the width of their longest translation (ch-based minimums), controls are pinned right; the old fixed 260px column overflowed with the Spanish labels and blew out the grid
  • Mobile layout: single-button language cycler (EN -> PT -> ES), icon-only brand, tighter paddings, login link folds behind the register CTA; fits 360px wide screens without overflow
  • Localized document metadata: tab title, meta description, and html lang follow the active language via i18next languageChanged (static index.html keeps English as the crawler default)
  • New nav.language / nav.theme aria labels translated in all three locales

Test plan

  • Client build clean
  • Widths verified against the longest labels (es: Iniciar sesión / Registrarse)
  • After deploy: switch EN/PT/ES and confirm the bar does not move and the tab title changes
  • Check on a phone (or devtools 360px) for overflow

- Auth buttons reserve their longest translation via ch minimums, and
  the controls block is pinned right, so switching language no longer
  shrinks/expands the bar (es labels previously overflowed the fixed
  260px column and blew the grid)
- Mobile: compact single-button language cycler, icon brand, tighter
  paddings, login moves behind the register CTA; no overflow at 360px
- Tab title, meta description, and html lang now follow the active
  language (en, pt-BR, es) via an i18next languageChanged listener
@mateuseap mateuseap self-assigned this Jul 23, 2026
@mateuseap
mateuseap merged commit 2991798 into main Jul 23, 2026
@mateuseap
mateuseap deleted the fix/topbar-i18n-responsive branch July 23, 2026 12:26
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