Project

General

Profile

Actions

Feature #43700

closed

Improve RTL layout support by replacing physical CSS properties with logical ones in core CSS files

Added by Go MAEDA 21 days ago. Updated 16 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
UI
Target version:
Resolution:
Fixed

Description

This series of patches replaces physical CSS properties with logical ones in core CSS files, excluding gantt.css, to improve RTL languages support.

By replacing physical properties such as left and margin-left with logical properties like inset-inline-start and margin-inline-start , the CSS becomes independent of writing directions. As a result, UI elements are laid out according to the current writing direction, and their positions are correctly mirrored when switching from LTR to RTL.

I did not update gantt.css because proper RTL support for the Gantt chart requires more extensive changes, and partially converting gantt.css alone would make the layout worse. I have opened a separate issue (#43678) for proper RTL support of the Gantt chart.

These changes do not affect the LTR layout, but they significantly improve the currently partially broken RTL layout.


Files


Related issues

Related to Redmine - Feature #43678: Improve Gantt chart behavior in RTL environmentsClosedGo MAEDAActions
Related to Redmine - Feature #43515: Improve RTL layouts by removing rtl.css and integrating its overrides into application.css using CSS logical propertiesClosedGo MAEDAActions
Has duplicate Redmine - Feature #43681: Improve RTL support for responsive layoutClosedActions
Actions

Also available in: Atom PDF