Skip to content

Fix/standardize layout for i18n rtl support - #105

Merged
swafa-as merged 3 commits into
claude/i18n-system-ai-docs-JRwIzfrom
fix/standardize-layout-for-i18n-rtl-support
Mar 30, 2026
Merged

Fix/standardize layout for i18n rtl support#105
swafa-as merged 3 commits into
claude/i18n-system-ai-docs-JRwIzfrom
fix/standardize-layout-for-i18n-rtl-support

Conversation

@swafa-as

Copy link
Copy Markdown
Collaborator

No description provided.

esafwan and others added 3 commits March 26, 2026 08:40
Audit identifies 47 layout anti-patterns that break with dir=rtl:

- 8 space-x-* utilities (should use gap-*)
- 14 directional margins ml-*/mr-* (should use ms-*/me-* or gap)
- 9 absolute positioning with left/right
- 6 directional padding issues
- 4 directional borders

Critical case flagged:
- Header.tsx line 141: User menu button uses space-x-2
  Pattern: div(avatar) + span(username) + svg(arrow)
  This creates ml-* margins that don't flip in RTL

Fix: Replace space-x-* with gap-* which auto-mirrors in RTL
@swafa-as
swafa-as merged commit c20932c into claude/i18n-system-ai-docs-JRwIz Mar 30, 2026
0 of 2 checks passed
esafwan pushed a commit that referenced this pull request Apr 8, 2026
…rtl-support

Fix/standardize layout for i18n rtl support
@swafa-as
swafa-as deleted the fix/standardize-layout-for-i18n-rtl-support branch June 10, 2026 13:23
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.

2 participants