Actions
Defect #41821
closed
Icons shrink in the Activity view when event titles are long
Start date:
Due date:
% Done:
0%
Estimated time:
Resolution:
Fixed
Affected version:
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
Related issues
Updated by Mizuki ISHIKAWA about 1 month 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 {
Updated by Go MAEDA about 1 month ago
- 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.
Updated by Go MAEDA about 1 month ago
- 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.
Updated by Go MAEDA about 1 month ago
- Status changed from Resolved to Closed
Merged the change into the 6.0-stable branch in r23311.
Updated by Go MAEDA 29 days ago
- 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
Actions