Project

General

Profile

Actions
Copy link

Defect #41821

open

Icon size shrinks with long link titles in the Activity view

Added by Mizuki ISHIKAWA 1 day ago. Updated 1 day ago.

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

0%

Estimated time:
Resolution:
Affected version:
6.0.1

Description

When viewing the Activity ppage, if a issue has a title long enough to cause a line break, the icon displayed to its left becomes smaller in proportion to the title length.
This probrem is not limited to Issue but also affects Wiki pages, News, and other items displayed on the Activity page.

Files

screenshot 2024-11-22 11.14.43.png (157 KB) screenshot 2024-11-22 11.14.43.png Mizuki ISHIKAWA, 2024-11-22 03:42
Actions
Copy link
 #1

Updated by Mizuki ISHIKAWA 1 day ago

This probrem seems to be caused by the display: inline-flex; property applied to .icon and .icon-only.
To prevent the size of the SVG icons from shrinking, adding flex-shrink: 0; to the svg element resolves the problem.

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 68297588e..88afa5d0c 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1742,6 +1742,10 @@ td.gantt_selected_column .gantt_hdr,.gantt_selected_column_container {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
+
+  svg {
+    flex-shrink: 0;
+  }
 }

 a.icon:hover svg, a.icon-only:hover svg {
Actions
Copy link

Also available in: Atom PDF