Skip to content

feat(i18n): add RTL layout support groundwork (#1061) - #1113

Merged
zeekman merged 1 commit into
zeekman:mainfrom
iheomadev:feat/rtl-layout-support-1061
Jul 30, 2026
Merged

feat(i18n): add RTL layout support groundwork (#1061)#1113
zeekman merged 1 commit into
zeekman:mainfrom
iheomadev:feat/rtl-layout-support-1061

Conversation

@iheomadev

Copy link
Copy Markdown
Contributor
  • Add LOCALE_DIRECTIONS map and getLocaleDirection() to i18n/index.js so each locale declares its text direction in one place
  • Apply dir= and lang= to on init and on every languageChanged event (both in i18n/index.js and reactively in AppContent via useTranslation hook)
  • Audit Navbar, Marketplace grid, and Pagination for hardcoded physical CSS directional properties; document findings in responsive.css
  • Add [dir="rtl"] overrides in responsive.css using logical properties (margin-inline-start, flex-direction: row-reverse, etc.) so layouts are ready the moment an RTL locale is added
  • Add rtlDirection.test.js covering ltr defaults, unknown-locale fallback, and the rtl path for a future Arabic locale

Follow-up: add ar/he locale files and uncomment their entries in LOCALE_DIRECTIONS (tracked in #1061).

Closes #1061

- Add LOCALE_DIRECTIONS map and getLocaleDirection() to i18n/index.js
  so each locale declares its text direction in one place
- Apply dir= and lang= to <html> on init and on every languageChanged
  event (both in i18n/index.js and reactively in AppContent via
  useTranslation hook)
- Audit Navbar, Marketplace grid, and Pagination for hardcoded physical
  CSS directional properties; document findings in responsive.css
- Add [dir="rtl"] overrides in responsive.css using logical properties
  (margin-inline-start, flex-direction: row-reverse, etc.) so layouts
  are ready the moment an RTL locale is added
- Add rtlDirection.test.js covering ltr defaults, unknown-locale
  fallback, and the rtl path for a future Arabic locale

Follow-up: add ar/he locale files and uncomment their entries in
LOCALE_DIRECTIONS (tracked in zeekman#1061).
@drips-wave

drips-wave Bot commented Jul 30, 2026

Copy link
Copy Markdown

@iheomadev Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@zeekman
zeekman merged commit 31eaaa0 into zeekman:main Jul 30, 2026
0 of 4 checks passed
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.

No RTL (right-to-left) layout support exists despite i18n infrastructure being in place

2 participants