From 4aa74d70b536ed62d9f4fe2a5ad294a0b5424359 Mon Sep 17 00:00:00 2001
From: Ross Edfort <rossedfort@gmail.com>
Date: Thu, 31 Aug 2023 12:03:10 -0600
Subject: [PATCH] fix truncation on event-summary rows

---
 src/lib/components/event/event-details-row.svelte | 12 ++++++------
 src/lib/components/event/event-summary-row.svelte |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/event/event-details-row.svelte b/src/lib/components/event/event-details-row.svelte
index b71fe7a90..e9c63dbb1 100644
--- a/src/lib/components/event/event-details-row.svelte
+++ b/src/lib/components/event/event-details-row.svelte
@@ -47,12 +47,12 @@
   {:else if shouldDisplayAsExecutionLink(key)}
     <div class="flex w-full flex-wrap items-center gap-1 pr-1">
       <p class="mr-3 truncate text-sm">{format(key)}</p>
-      <div class="text-sm">
+      <div class="text-sm truncate">
         <Copyable
           copyIconTitle={translate('copy-icon-title')}
           copySuccessIconTitle={translate('copy-success-icon-title')}
           content={value}
-          container-class=" xl:flex-row"
+          container-class="xl:flex-row h-12 pr-1"
         >
           <Link
             class="truncate"
@@ -71,12 +71,12 @@
   {:else if shouldDisplayChildWorkflowLink(key, attributes)}
     <div class="flex w-full flex-wrap items-center gap-1 pr-1">
       <p class="truncate text-sm">{format(key)}</p>
-      <div class="text-sm">
+      <div class="text-sm truncate">
         <Copyable
           copyIconTitle={translate('copy-icon-title')}
           copySuccessIconTitle={translate('copy-success-icon-title')}
           content={value}
-          container-class="xl:flex-row"
+          container-class="xl:flex-row h-12 pr-1"
         >
           <Link
             class="truncate"
@@ -95,12 +95,12 @@
   {:else if shouldDisplayAsTaskQueueLink(key)}
     <div class="flex w-full flex-wrap items-center gap-1 pr-1">
       <p class="mr-3 truncate text-sm">{format(key)}</p>
-      <div class="text-sm">
+      <div class="text-sm truncate">
         <Copyable
           copyIconTitle={translate('copy-icon-title')}
           copySuccessIconTitle={translate('copy-success-icon-title')}
           content={value}
-          container-class=""
+          container-class="h-12 pr-1"
         >
           <Link
             class="truncate"
diff --git a/src/lib/components/event/event-summary-row.svelte b/src/lib/components/event/event-summary-row.svelte
index c92ab61fc..77a262ce3 100644
--- a/src/lib/components/event/event-summary-row.svelte
+++ b/src/lib/components/event/event-summary-row.svelte
@@ -143,7 +143,7 @@
   {#if !expanded}
     <td class="overflow-hidden">
       <div class="flex w-full items-center justify-between">
-        <div class="grow">
+        <div class="grow truncate">
           <EventDetailsRow
             {...getSingleAttributeForEvent(currentEvent)}
             {attributes}