Skip to content

Implement RTL layout polish for Arabic marketplace #419

Description

@king-aj-the-first

GitHub labels: Stellar Wave

Drips complexity: High (200 points)

Issue body (copy everything below into GitHub):

Description

RTL-aware spacing, icon mirroring, and Recharts axis fixes for ar locale.

Requirements and Context

rtlLocales includes ar but complex layouts need RTL polish.

Suggested Execution

git checkout -b feat/rtl-marketplace
  1. Create branch feat/rtl-marketplace
  2. Audit marketplace filters in RTL
  3. Fix comparison bar direction
  4. Mirror chevron icons
  5. Fix chart axis labels

Example commit message

feat(i18n): implement rtl layout polish for arabic marketplace

File Paths

  • i18n/config.ts
  • components/layout/LanguageSwitcher.tsx
  • app/layout.tsx

Guidelines

  • Assignment required before starting
  • PR description must include: Closes #<issue_number>
  • Run npm run lint, npm run type-check, npm run test, and npm run build before opening PR
  • Add screenshots or recordings for UI changes
  • Complexity: High (200 points) — complex engineering work touching multiple modules

Acceptance Criteria

  • Arabic marketplace layout correct
  • Dashboards usable in RTL
  • Charts readable in RTL
  • Manual QA checklist in PR

Metadata

Metadata

Assignees

Labels

Stellar WaveIssues in the Stellar wave program

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions