diff options
| author | Gusted <williamzijl7@hotmail.com> | 2022-08-14 16:02:59 +0000 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-08-14 12:02:59 -0400 |
| commit | 6a43d62e8b65bf0d19dff9aa84990bc335d2d9c7 (patch) | |
| tree | 45e31aa07ad22527a34797c3e3b49c8a51e14a70 /web_src/less | |
| parent | 070e5d4a4ae00ad0e4c4cb68cde35114cf1d1644 (diff) | |
| download | gitea-6a43d62e8b65bf0d19dff9aa84990bc335d2d9c7.tar.gz gitea-6a43d62e8b65bf0d19dff9aa84990bc335d2d9c7.zip | |
Improve comment header for Mobile (#20781)
- Since
https://github.com/go-gitea/gitea/commit/b9e8fa5beb300eac7bd0623c9d7201a9e3a92a4a
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>
Diffstat (limited to 'web_src/less')
| -rw-r--r-- | web_src/less/_repository.less | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index b3f24ee03d..b66f9eb185 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -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 { |