fix: show full event message in pod event view (#12104) (#12267)

* #11602 fix : Object options menu truncated when selected in ApplicationListView. Signed-off-by: schakradari <[email protected]> * fix for the message to be fully shown under the events section. Signed-off-by: schakradari <[email protected]> * fixing lint Signed-off-by: schakradari <[email protected]> * Update application-resource-list.tsx Signed-off-by: schakrad <[email protected]> * fix for lint error Signed-off-by: schakradari <[email protected]> --------- Signed-off-by: schakradari <[email protected]> Signed-off-by: schakrad <[email protected]>
argoproj · Feb 17, 2023 · 4412a77 · 4412a77
1 parent 7bbedff
commit 4412a77
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/ui/src/app/shared/components/events-list/events-list.tsx b/ui/src/app/shared/components/events-list/events-list.tsx
@@ -48,7 +48,9 @@ export const EventsList = (props: {events: models.Event[]}) => {
                         <div className={`argo-table-list__row events-list__event events-list__event--${event.type}`} key={event.metadata.uid}>
                             <div className='row'>
                                 <div className='columns small-2 xxlarge-2'>{event.reason}</div>
-                                <div className='columns small-4 xxlarge-5'>{event.message}</div>
+                                <div className='columns small-4 xxlarge-5' style={{whiteSpace: 'normal'}}>
+                                    {event.message}
+                                </div>
                                 <div className='columns small-2 xxlarge-1'>{event.count}</div>
                                 <div className='columns small-2 xxlarge-2'>{event.firstTimestamp ? getTimeElements(event.firstTimestamp) : getTimeElements(event.eventTime)}</div>
                                 <div className='columns small-2 xxlarge-2'>{event.lastTimestamp ? getTimeElements(event.lastTimestamp) : getTimeElements(event.eventTime)}</div>