Feature #43700
openImprove RTL layout support by replacing physical CSS properties with logical ones in core CSS files
0%
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
Updated by Go MAEDA about 6 hours ago
- Has duplicate Feature #43681: Improve RTL support for responsive layout added
Updated by Go MAEDA about 6 hours ago
- Related to Feature #43678: Improve Gantt chart to support RTL layout added
Updated by Go MAEDA about 6 hours ago
- Related to Feature #43515: Improve RTL layouts by removing rtl.css and integrating its overrides into application.css using CSS logical properties added