Fix code wrap for unbroken lines (#23268) (#23293)

GiteaBot · wxiaoguang · silverwind · web-flow · commit 83903535e371 · 2023-03-04T20:55:12.000+01:00
Backport #23268 ## The Problem `overflow-wrap: break-word` doesn't work well for unbroken lines. Use `overflow-wrap: anywhere` instead, and remove legacy alias `word-wrap` ## Before ![image](https://user-images.githubusercontent.com/2114189222743939-5f38d9e4-18d8-4ae0-8078-4b3a59195a30.png) ## After ![image](https://user-images.githubusercontent.com/2114189/222743833-0e0cfdbb-7b2e-420d-99f9-b1b45dde521a.png) Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: silverwind <me@silverwind.io>
diff --git a/web_src/less/_base.less b/web_src/less/_base.less
@@ -2121,8 +2121,7 @@ a.ui.label:hover {
   font: 12px var(--fonts-monospace);
   white-space: pre-wrap;
   word-break: break-all;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
+  overflow-wrap: anywhere;
 }
 
 .blame .code-inner {

Original file line number	Diff line number	Diff line change
`@@ -2121,8 +2121,7 @@ a.ui.label:hover {`
`2121`	`2121`	`font: 12px var(--fonts-monospace);`
`2122`	`2122`	`white-space: pre-wrap;`
`2123`	`2123`	`word-break: break-all;`
`2124`		`- overflow-wrap: break-word;`
`2125`		`- word-wrap: break-word;`
	`2124`	`+ overflow-wrap: anywhere;`
`2126`	`2125`	`}`
`2127`	`2126`
`2128`	`2127`	`.blame .code-inner {`