Defect #41821
closed
Icons shrink in the Activity view when event titles are long
Added by Mizuki ISHIKAWA about 1 month ago.
Updated about 1 month ago.
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
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 {
- Status changed from New to Confirmed
- Target version set to 6.0.2
This issue is reproducible when the "Use Gravatar user icons" setting is enabled.
- Subject changed from Icon size shrinks with long link titles in the Activity view to Icons shrink in the Activity view when event titles are long
- Status changed from Confirmed to Resolved
- Assignee set to Go MAEDA
- Resolution set to Fixed
Committed the fix in r23305. Thank you.
- Status changed from Resolved to Closed
Merged the change into the 6.0-stable branch in r23311.
- Has duplicate Defect #41875: In 'Account page', section 'Activity' when the text of item of list is too long, the svg icon becomes very small added
Also available in: Atom
PDF
Updated by 
Updated by