linden123/githaven-fork
1
1
Fork 0
forked from Shiloh/githaven
Code Pull Requests 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)
This commit is contained in:
wxiaoguang 2024-03-05 11:03:14 +08:00 committed by GitHub
parent df1268ca08
commit ade6241691
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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 {
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 {