ui: fix text overflow on job details page

kyle-a-wong · kyle-a-wong · commit 43a10bfc541f · 2025-07-11T11:21:10.000-04:00
If the error message for a failed job contained long unbreakable strings, it prevents the error message component from shrinking, causing it to be hidden under other components. Now, the error message component will be able to break anywhere so that it can be legible on smaller viewports. Resolves: CC-33142 Epic: CC-32806 Release note: None
diff --git a/pkg/ui/workspaces/cluster-ui/src/jobs/jobs.module.scss b/pkg/ui/workspaces/cluster-ui/src/jobs/jobs.module.scss
@@ -210,6 +210,7 @@
 .inline-message {
   margin-top: $spacing-smaller;
   width: 100%;
+  overflow-wrap: anywhere;
 }
 
 .page--header {

Original file line number	Diff line number	Diff line change
`@@ -210,6 +210,7 @@`
`210`	`210`	`.inline-message {`
`211`	`211`	`margin-top: $spacing-smaller;`
`212`	`212`	`width: 100%;`
	`213`	`+ overflow-wrap: anywhere;`
`213`	`214`	`}`
`214`	`215`
`215`	`216`	`.page--header {`