Labels: allows long uninterrupted strings like hashes or IDs to be broken onto a new line.

Stefanie Hein · Stefanie Hein · commit 3d12de7303ce · 2025-10-10T12:23:11.000+02:00
diff --git a/src/scss/themes/fylr/components/_dialogs.scss b/src/scss/themes/fylr/components/_dialogs.scss
@@ -22,7 +22,7 @@
 			// turn all labels into multiline labels
 			.cui-label:not(.cui-label-markdown) {
 				.cui-label-content {
-					word-wrap: break-word;
+					overflow-wrap: anywhere;
 					white-space: pre-wrap;
 				}
 			}
diff --git a/src/scss/themes/fylr/components/_labels.scss b/src/scss/themes/fylr/components/_labels.scss
@@ -221,8 +221,7 @@ label[data-label-clickable],
 		white-space: normal;
 		overflow: visible;
 		text-overflow: clip;
-		word-wrap: break-word;
-		overflow-wrap: break-word;
+		overflow-wrap: anywhere;
 	}
 
 	&.cui-label-centered {

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@`
`22`	`22`	`// turn all labels into multiline labels`
`23`	`23`	`.cui-label:not(.cui-label-markdown) {`
`24`	`24`	`.cui-label-content {`
`25`		`- word-wrap: break-word;`
	`25`	`+ overflow-wrap: anywhere;`
`26`	`26`	`white-space: pre-wrap;`
`27`	`27`	`}`
`28`	`28`	`}`