Merge pull request #1816 from dubinc/fix-text-truncation

Fix text truncation on customer row

Author: steven-tey

apps/web/ui/analytics/events/customer-row-item.tsx

@@ -19,17 +19,17 @@ export function CustomerRowItem({ customer }: { customer: Customer }) {
           }) as string
         }
         scroll={false}
-        className="flex w-full items-center justify-between px-4 py-2.5 transition-colors hover:bg-stone-100"
+        className="flex w-full items-center justify-between gap-2 px-4 py-2.5 transition-colors hover:bg-stone-100"
       >
-        <div className="flex items-center gap-3" title={display}>
+        <div className="flex items-center gap-3 truncate" title={display}>
           <img
             alt={display}
             src={customer.avatar || ""}
             className="size-4 shrink-0 rounded-full border border-gray-200"
           />
           <span className="truncate">{display}</span>
         </div>
-        <ChartActivity2 className="size-3.5" />
+        <ChartActivity2 className="size-3.5 shrink-0" />
       </Link>
     </>
   );

apps/web/ui/analytics/events/events-table.tsx

@@ -136,6 +136,7 @@ export default function EventsTable({
               <CopyText
                 value={getValue().shortLink}
                 successMessage="Copied link to clipboard!"
+                className="truncate"
               >
                 <span className="truncate" title={getValue().shortLink}>
                   {getPrettyUrl(getValue().shortLink)}