loading up the forgejo repo on tangled to test page performance
[PORT] Scroll images in project issues separately from the remaining issue (gitea#31683)
As discussed in https://github.com/go-gitea/gitea/issues/31667 &
https://github.com/go-gitea/gitea/issues/26561, when a card on a Project
contains images, they can overflow the card on its containing column.
This aims to fix this issue via snapping scrollbars.
---
Conflict resolution: none
(cherry picked from commit fe7c9416777243264e8482d3af29e30c2b671074)
authored by
Simon Priet
and committed by
Gusted
8e46efef
d9ae2318
+7
-2
+6
-1
web_src/css/features/projects.css
+6
-1
web_src/css/features/projects.css
···
78
78
.card-attachment-images {
79
79
display: inline-block;
80
80
white-space: nowrap;
81
-
overflow: hidden;
81
+
overflow: scroll;
82
+
cursor: default;
83
+
scroll-snap-type: x mandatory;
82
84
text-align: center;
83
85
}
84
86
···
86
88
display: inline-block;
87
89
max-height: 50px;
88
90
border-radius: var(--border-radius);
91
+
text-align: left;
92
+
scroll-snap-align: center;
89
93
margin-right: 2px;
94
+
aspect-ratio: 1;
90
95
}
91
96
92
97
.card-attachment-images img:only-child {