test/gitea
1
0
Fork 0
mirror of https://gitee.com/gitea/gitea.git synced 2024-11-30 10:47:40 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve comment header for Mobile (#20781)

Browse Source 
- Since
b9e8fa5beb
the avatar will be inlined into the comment header, so there's more room
for the actual comment container(thus more text per line in the comment
body). However this didn't take into consideration that the flex didn't
allow any wrapping and thus was shrinking the avatar. Well this isn't a
perfect solution, as you ideally all want these elements to be
individually wrapped(such that `comment-header-right` can be on the same
line as `comment-header-left`, which now causes a new line in certain
situations). It's a better solution than the current CSS and to not
mess with the desktop CSS/HTML.

Co-authored-by: Lauris BH <lauris@nix.lv>
Co-authored-by: zeripath <art27@cantab.net>
This commit is contained in:
Gusted 2022-08-14 16:02:59 +00:00 committed by GitHub
parent 070e5d4a4a
commit 6a43d62e8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web_src/less/_repository.less
View File

@ -3401,6 +3401,18 @@ td.blob-excerpt {
}
}
}
.comment-header {
flex-wrap: wrap;
.comment-header-left {
flex-wrap: wrap;
}
.comment-header-right {
margin-left: auto;
}
}
}
.branch-dropdown-button {