From 682f61381053604b74e83a15270e90c3921852dc Mon Sep 17 00:00:00 2001 From: Giteabot Date: Tue, 15 Aug 2023 21:34:08 +0800 Subject: [PATCH] Use `hidden` over `clip` for text truncation (#26520) (#26522) Backport #26520 by @silverwind Avoid browser bugs: - Firefox not cutting off - https://github.com/go-gitea/gitea/pull/26354#issuecomment-1678456052 - Safari not showing ellipsis - https://github.com/go-gitea/gitea/pull/26354#issuecomment-1678812801 Co-authored-by: silverwind (cherry picked from commit 6d60d4e554702815c1da484bc1fa2048b166e56d) --- web_src/css/base.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/web_src/css/base.css b/web_src/css/base.css index 70baa9c9f7..556bee0d1a 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -1301,7 +1301,7 @@ img.ui.avatar, } .ui .text.truncate { - overflow-x: clip; + overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;