Defect #41828
closed
In mobile view, delete relation svg icon in 'Related Issues' on an issue page, overflow text
Added by pasquale [:dedalus] 5 months ago.
Updated 2 days ago.
Description
Accessing Redmine from mobile device, when text of the subject of a related issue is too long or when the first word of a related issue is too long, the 'delete relation' SVG icon overflow the text.
See attached screenshot.
It affects 6.0.1 release.
Files
- Target version set to 6.0.2
I'm postponing the fix because the problem exists before Redmine 6.0:

- Target version changed from 6.0.3 to 6.0.4
- Target version changed from 6.0.4 to 6.0.5
The issue reproduces also after #42477. A quick fix is the following:
diff --git a/app/assets/stylesheets/responsive.css b/app/assets/stylesheets/responsive.css
index ec580037c..f8febc890 100644
--- a/app/assets/stylesheets/responsive.css
+++ b/app/assets/stylesheets/responsive.css
@@ -771,6 +771,10 @@
width: 100%; /* let subject have one full width column */
}
+ #issue_tree .issue:has(.buttons) > td.subject, #relations .issue:has(.buttons) > td.subject {
+ padding-right: 40px;
+ }
+
#issue_tree .issue > td:not(.subject), #relations .issue > td:not(.subject) {
width: 20%; /* three columns for all cells that are not subject */
}
- Related to Feature #42477: Configurable columns for the lists of child and related issues added
- Status changed from New to Resolved
- Assignee set to Marius BĂLTEANU
- Resolution set to Fixed
- Status changed from Resolved to Closed
- Target version changed from 6.0.5 to 5.1.8
Also available in: Atom
PDF