Use hidden over clip for text truncation (#26520) (#26522)

GiteaBot · silverwind · web-flow · commit 6d60d4e55470 · 2023-08-15T13:34:08.000Z
Backport #26520 by @silverwind Avoid browser bugs: - Firefox not cutting off - #26354 (comment) - Safari not showing ellipsis - #26354 (comment) Co-authored-by: silverwind <me@silverwind.io>
diff --git 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;

Original file line number	Diff line number	Diff line change
`@@ -1301,7 +1301,7 @@ img.ui.avatar,`
`1301`	`1301`	`}`
`1302`	`1302`
`1303`	`1303`	`.ui .text.truncate {`
`1304`		`- overflow-x: clip;`
	`1304`	`+ overflow-x: hidden;`
`1305`	`1305`	`text-overflow: ellipsis;`
`1306`	`1306`	`white-space: nowrap;`
`1307`	`1307`	`display: inline-block;`