Project

General

Profile

Actions

Defect #43591

open

Context Menu Is Not Displayed Correctly in RTL Layout

Added by Yasu Saku 1 day ago. Updated 1 day ago.

Status:
Confirmed
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
-
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Affected version:

Description

In RTL environments, the context menu does not display correctly.
When the menu is opened near the left edge of the screen, it may be partially hidden behind the sidebar or extend beyond the visible area of the page.

For example


Files

Actions #1

Updated by Yasu Saku 1 day ago

Simple solution for this problem is as follows:

html[dir="rtl"],
html:has(head link[rel="stylesheet"][href*="/rtl"]) {
  .contextual .drdn-content {
    inset-inline-start: auto;
    inset-inline-end: 0;

    a.icon {
      padding-inline-start: 24px;
      padding-inline-end: 0;
      background-position-x: calc(100% - 4px);

      /* For Redmine 6 and lator */
      &:has(svg) {
        padding-inline-start: 0;
      }
    }
  }
}

Actions #2

Updated by Yasu Saku 1 day ago

Yasu Saku wrote in #note-1:

Simple solution for this problem is as follows:
[...]

Sorry, this solution does not handle submenus in the context menu.

Actions #3

Updated by Go MAEDA 1 day ago

  • Status changed from New to Confirmed
Actions

Also available in: Atom PDF