forks/forgejo
1
0
Fork 0
Code Releases Activity

Use flex wrap to layout the PR update button (#29590)

Browse source 
Follow #29418

I think using "flex-wrap: wrap" here is better than hard-coding the screen width.

By using "flex-wrap: wrap", the UI layouts automatically for various
widths (even if in some languages, the sentence might be pretty long)

(cherry picked from commit ade62416917bc87810991585d7047851834ee316)
This commit is contained in:
wxiaoguang 2024-03-05 11:03:14 +08:00 committed by Earl Warren
parent 9482b023a8
commit 4f66fec707
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00
1 changed files with 2 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web_src/css/repo.css
View file

@ -935,18 +935,11 @@
.repository.view.issue .comment-list .comment .merge-section .item-section { .repository.view.issue .comment-list .comment .merge-section .item-section {
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0; padding: 0;
margin-top: -0.25rem; gap: 0.5em;
margin-bottom: -0.25rem;
}
@media (max-width: 991.98px) {
.repository.view.issue .comment-list .comment .merge-section .item-section {
align-items: flex-start;
flex-direction: column;
}
} }
.repository.view.issue .comment-list .comment .merge-section .divider { .repository.view.issue .comment-list .comment .merge-section .divider {