Skip to content

RTL support for guide website theme #447

Description

@thibaudcolas

Problem statement

Currently the CMS supports Arabic translations (and other RTL languages), but the site theme doesn’t.

Proposed solution

Refactor the theming (templates, stylesheets) for RTL support.

  • Read RTL 101 guide
  • Add dir attribute
  • Refactor stylesheets to logical properties and values
  • Fix Wagtail logo placement bug
  • Reverse icons that are not bidirectional
  • Update contributor docs to mention RTL support as a must
  • Review QA tools for RTL-specific checks
  • fonts support
  • letter spacing
  • add min-width to buttons when needed
  • Underlined Links in arabic

https://github.com/wagtail/wagtail/blob/main/wagtail/admin/templates/wagtailadmin/skeleton.html

{% get_current_language as LANGUAGE_CODE %}
{% get_current_language_bidi as LANGUAGE_BIDI %}
<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}" class="{% admin_theme_classname %}">

Alternative solutions

No response

Additional context

No response

Working on this

Contribute to the discussion to help this move forward. Explain your use cases, discuss possible solutions, research how to adapt existing code, or compatibility concerns.

Once others agree with the proposed changes, anyone can contribute to this. View our contributing guidelines. Add a comment to the issue to explain what approach you are taking.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

Status
🏗 In progress

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions