From d260013a512f696056de34ef29f7714df9e4340d Mon Sep 17 00:00:00 2001 From: forgejo-backport-action Date: Fri, 7 Feb 2025 10:46:08 +0000 Subject: [PATCH] [v10.0/forgejo] fix: avoid y-axis clipping for branch name (#6832) **Backport:** https://codeberg.org/forgejo/forgejo/pulls/6817 - `gt-ellipsis` is set on elements to avoid overflowing its text contents and in the case of overflowing it would show an ellipsis. To force it to not overflow `overflow: hidden` is set, however this also hides the overflow on the y-axis, `overflow-x: hidden` has the same behavior. - To avoid avoid the branch name from being clipped, add a very small amount of padding on the y-axis. This is a workaround and not a proper solution. There does not seem a good cross-platform solution available to fix this in a proper way. - Resolves forgejo/forgejo#6811 Co-authored-by: Gusted Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6832 Reviewed-by: Gusted Co-authored-by: forgejo-backport-action Co-committed-by: forgejo-backport-action --- web_src/css/repo.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/web_src/css/repo.css b/web_src/css/repo.css index e9cfc1ddde..d6faa4b2a7 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -2425,6 +2425,11 @@ details.repo-search-result summary::marker { padding-right: 22px !important; /* normal buttons have !important paddings, so we need to override it for dropdown (Add File) icons */ } +.repo-button-row .button strong { + /* Workaround where 'overflow: hidden' is clipping the y-axis, force a small amount of extra padding in the y-axis. */ + padding: .1em 0; +} + .repo-button-row input { height: 30px; }