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 <me@silverwind.io>
(cherry picked from commit 6d60d4e554)
This commit is contained in:
Giteabot 2023-08-15 21:34:08 +08:00 committed by Earl Warren
parent 5289619383
commit 682f613810
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00

View file

@ -1301,7 +1301,7 @@ img.ui.avatar,
} }
.ui .text.truncate { .ui .text.truncate {
overflow-x: clip; overflow-x: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
display: inline-block; display: inline-block;