Project

General

Profile

Actions
Copy link

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 15 days ago.

Status:
Closed
Priority:
Normal
Assignee:
Go MAEDA
Category:
UI
Target version:
7.0.0
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

Download all files
0001-Replace-physical-CSS-properties-with-logical-ones-in.patch (70.5 KB) 0001-Replace-physical-CSS-properties-with-logical-ones-in.patch application.css Go MAEDA, 2026-01-21 11:50
0002-Replace-physical-CSS-properties-with-logical-ones-in.patch (2.99 KB) 0002-Replace-physical-CSS-properties-with-logical-ones-in.patch jstoolbar.css Go MAEDA, 2026-01-21 11:50
0003-Replace-physical-CSS-properties-with-logical-ones-in.patch (7.07 KB) 0003-Replace-physical-CSS-properties-with-logical-ones-in.patch scm.css Go MAEDA, 2026-01-21 11:50
0004-Replace-physical-CSS-properties-with-logical-ones-in.patch (20.4 KB) 0004-Replace-physical-CSS-properties-with-logical-ones-in.patch responsive.css Go MAEDA, 2026-01-21 11:50
0005-Replace-physical-CSS-properties-with-logical-ones-in.patch (2.26 KB) 0005-Replace-physical-CSS-properties-with-logical-ones-in.patch wiki_syntax.css Go MAEDA, 2026-01-21 11:50
0006-Replace-physical-CSS-properties-with-logical-ones-in.patch (1.88 KB) 0006-Replace-physical-CSS-properties-with-logical-ones-in.patch wiki_syntax_detailed.css Go MAEDA, 2026-01-21 11:50
alternate-theme.patch (3.59 KB) alternate-theme.patch Go MAEDA, 2026-01-26 08:07
classic-theme.patch (3.3 KB) classic-theme.patch Go MAEDA, 2026-01-26 08:07

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
Copy link
 #1

Updated by Go MAEDA 21 days ago

  • Has duplicate Feature #43681: Improve RTL support for responsive layout added
Actions
Copy link
 #2

Updated by Go MAEDA 21 days ago

  • Related to Feature #43678: Improve Gantt chart behavior in RTL environments added
Actions
Copy link
 #3

Updated by Go MAEDA 21 days ago

  • Related to Feature #43515: Improve RTL layouts by removing rtl.css and integrating its overrides into application.css using CSS logical properties added
Actions
Copy link
 #4

Updated by Go MAEDA 20 days ago

  • Target version changed from Candidate for next major release to 7.0.0

Setting the target version to 7.0.0.

Actions
Copy link
 #5

Updated by Go MAEDA 19 days ago

  • Status changed from New to Closed
  • Assignee set to Go MAEDA
  • Resolution set to Fixed

Committed the patches in r24346 - r24351.

Actions
Copy link
 #6

Updated by Go MAEDA 16 days ago

Built-in themes should also be updated.

Actions
Copy link
 #7

Updated by Go MAEDA 15 days ago

  • Status changed from Reopened to Closed

Updated Alternate and Classic themes to use CSS logical properties in r24373 and r24374.

Actions
Copy link

Also available in: Atom PDF