fix(notification): fit long words (#546)

* bugfix-512: error message layout Signed-off-by: Jessie <[email protected]> * update to use overflow-wrap break-word Signed-off-by: Jessie <[email protected]> * remove unused change Signed-off-by: Jessie <[email protected]> * rename typo files Signed-off-by: Jessie <[email protected]> * update to only change for notification component Signed-off-by: Jessie Teng <[email protected]> * Add explanatory comment Signed-off-by: Jessie Teng <[email protected]> --------- Signed-off-by: Jessie <[email protected]> Signed-off-by: Jessie Teng <[email protected]> Co-authored-by: Jessie Teng <[email protected]> Co-authored-by: Anton Gilgur <[email protected]>
argoproj · Jun 26, 2024 · 7246755 · 7246755
1 parent 6de6bfe
commit 7246755
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/notifications/notifications.tsx b/src/components/notifications/notifications.tsx
@@ -47,6 +47,10 @@ export class Notifications extends React.Component<NotificationsProps> {
                         sel.removeAllRanges();
                         sel.addRange(range);
                     }
+                }} style={{
+                    // fit long words by wrapping them instead of overflowing past the width
+                    overflowWrap: 'break-word',
+                    maxWidth: '240px'
                 }}>
                     {next.content}
                 </div>