mirror of
1
Fork 0

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

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

View File

@ -935,18 +935,11 @@
.repository.view.issue .comment-list .comment .merge-section .item-section {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0;
margin-top: -0.25rem;
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;
}
gap: 0.5em;
}
.repository.view.issue .comment-list .comment .merge-section .divider {