Project

General

Profile

Actions

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.

Status:
Closed
Priority:
Normal
Category:
UI
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed
Affected version:

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

Screenshot_20241122-181436~2.png (73.2 KB) Screenshot_20241122-181436~2.png issue-in-action pasquale [:dedalus], 2024-11-22 18:24
clipboard-202412090222-arpae.png (121 KB) clipboard-202412090222-arpae.png Marius BĂLTEANU, 2024-12-09 01:22

Related issues

Related to Redmine - Feature #42477: Configurable columns for the lists of child and related issuesClosedGo MAEDA

Actions
Actions #1

Updated by Marius BĂLTEANU 5 months ago

  • Target version set to 6.0.2
Actions #2

Updated by Marius BĂLTEANU 4 months ago

I'm postponing the fix because the problem exists before Redmine 6.0:

Actions #3

Updated by Go MAEDA 3 months ago

  • Target version changed from 6.0.3 to 6.0.4
Actions #4

Updated by Go MAEDA about 2 months ago

  • Target version changed from 6.0.4 to 6.0.5
Actions #5

Updated by Marius BĂLTEANU 11 days ago

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 */
   }
Actions #6

Updated by Marius BĂLTEANU 11 days ago

  • Related to Feature #42477: Configurable columns for the lists of child and related issues added
Actions #7

Updated by Marius BĂLTEANU 4 days ago

  • Status changed from New to Resolved
  • Assignee set to Marius BĂLTEANU
  • Resolution set to Fixed

Fix committed, thanks!

Actions #8

Updated by Marius BĂLTEANU 2 days ago

  • Status changed from Resolved to Closed
Actions #9

Updated by Marius BĂLTEANU 2 days ago

  • Target version changed from 6.0.5 to 5.1.8
Actions

Also available in: Atom PDF