Files
libra/docs/tasks/9-8.md
T
Naser Mansour 0f9d12c3cf Prepare project for pipeline takeover: task tracker, UX doc, CLAUDE.md pointers
Adds docs/tasks/ (16 epics + 102 stories converted to task/subtask files with
statuses.md as the new status source of truth) and docs/ux-design.md
(retrospective design-system reference), and points CLAUDE.md at them.
docs/prd.md and docs/architecture.md are kept as BMAD wrote them; the legacy
docs/stories/, docs/epics/, docs/qa/gates/ and .bmad-core/ stay in place as
historical/traceability records, superseded but not deleted.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-27 22:02:23 +03:00

1.1 KiB

id, title, status, date, parent
id title status date parent
9-8 9-8 RTL/LTR Layout Perfection QA Review 2026-09-27 9

Description

As a user, I want perfect RTL layout for Arabic and LTR for English, So that the content is natural to read in my language. Full implementation history: docs/stories/story-9.8-rtl-ltr-layout-perfection.md

Acceptance Criteria

  • dir="rtl" dynamically set on <html> when locale is ar
  • Text aligns right naturally
  • Navigation mirrors (sidebar on right for RTL)
  • Form labels on right side of inputs
  • Icons/arrows flip appropriately (chevrons, arrows)
  • Margins/paddings swap using logical properties
  • dir="ltr" set on <html> when locale is en
  • Standard left-to-right layout
  • Proper text alignment
  • Seamless language toggle without page reload issues
  • No layout breaks on switch
  • No flash of wrong direction on page load
  • Calendar component RTL support (date picker)
  • Tables RTL support (horizontal scroll direction)
  • Dropdowns open in correct direction
  • Modals position correctly
  • All Flux UI components tested in both modes