From 6a43d62e8b65bf0d19dff9aa84990bc335d2d9c7 Mon Sep 17 00:00:00 2001 From: Gusted Date: Sun, 14 Aug 2022 16:02:59 +0000 Subject: [PATCH] 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 Co-authored-by: zeripath --- web_src/less/_repository.less | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index b3f24ee03..b66f9eb18 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 {