Redmine

In the current responsive layout for small screens, RTL languages are not fully supported.

One visible issue is the flyout menu. In LTR layouts, it is shown on the right side of the screen. In RTL layouts, it should be shown on the left, but it is still displayed on the right.

In addition, many UI elements in responsive.css assume an LTR layout, so margins, paddings, alignments, and positioning are not mirrored correctly in RTL.

This patch improves RTL support in the responsive layout by replacing LTR-specific CSS properties (such as left, right, margin-left, padding-right, and text-align: left/right) with CSS logical properties (such as inset-inline-*, margin-inline, padding-inline, and text-align: start/end). This allows the same CSS to work correctly for both LTR and RTL layouts.

Flyout menu:

• Current: responsive-flyout-before@2x.png
• Improved: responsive-flyout-after@2x.png

• Current: responsive-my-account-before@2x.png
• Improved: responsive-my-account-after@2x.png