Project

General

Profile

Actions

Feature #43700

open

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

Added by Go MAEDA about 7 hours ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:

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 to support RTL layoutNew

Actions
Related to Redmine - Feature #43515: Improve RTL layouts by removing rtl.css and integrating its overrides into application.css using CSS logical propertiesClosedGo MAEDA

Actions
Has duplicate Redmine - Feature #43681: Improve RTL support for responsive layoutClosed

Actions
Actions

Also available in: Atom PDF