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.
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 {
Also available in: Atom
PDF