Actions
Defect #43591
closed
Context menu is hidden behind sidebar in RTL layout
Start date:
Due date:
% Done:
0%
Estimated time:
Resolution:
Fixed
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
Updated by Yasu Saku about 1 month 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;
}
}
}
}
Updated by Yasu Saku about 1 month 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.
Updated by Go MAEDA 26 days ago
- File 43591.patch 43591.patch added
- File clipboard-202601011640-oytcf.png clipboard-202601011640-oytcf.png added
- File clipboard-202601011643-kils7.png clipboard-202601011643-kils7.png added
- Target version set to 6.1.1
I propose another solution. The attached patch only replaces the CSS right and margin-left/right properties with inset-inline-end and margin-inline-start/end. Because the patch does not rely on checking html[dir="rtl"] or link[rel="stylesheet"], I believe this approach is simpler than the patch suggested in #note-2.
Updated by Go MAEDA 26 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
Updated by Go MAEDA 26 days ago
- Related to deleted (Feature #43515: Improve RTL layouts by removing rtl.css and integrating its overrides into application.css using CSS logical properties)
Actions