add maxwidth on event/session activity

add max width to listtable label
2026-02-04 04:37:11 +01:00 · 2025-10-07 11:35:28 -07:00 · 2025-10-07 11:22:58 -07:00
3 changed files with 7 additions and 3 deletions
--- a/src/app/(main)/websites/[websiteId]/events/EventsTable.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventsTable.tsx
@ -30,7 +30,7 @@ export function EventsTable({ data = [] }) {
              <Text>
                {formatMessage(row.eventName ? labels.triggeredEvent : labels.viewedPage)}
              </Text>
-              <Text weight="bold" truncate>
+              <Text weight="bold" style={{ maxWidth: '300px' }} truncate>
                {row.eventName || row.urlPath}
              </Text>
            </Row>
--- a/src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx
+++ b/src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx
@ -59,7 +59,9 @@ export function SessionActivity({
                      ? formatMessage(labels.triggeredEvent)
                      : formatMessage(labels.viewedPage)}
                  </Text>
-                  <Text weight="bold">{eventName || urlPath}</Text>
+                  <Text weight="bold" style={{ maxWidth: '400px' }} truncate>
+                    {eventName || urlPath}
+                  </Text>
                  {hasData > 0 && <PropertiesButton websiteId={websiteId} eventId={eventId} />}
                </Row>
              </Row>
--- a/src/components/metrics/ListTable.tsx
+++ b/src/components/metrics/ListTable.tsx
@ -117,7 +117,9 @@ const AnimatedRow = ({
      gap
    >
      <Row alignItems="center">
-        <Text>{label}</Text>
+        <Text truncate={true} style={{ maxWidth: '400px' }}>
+          {label}
+        </Text>
      </Row>
      <Row alignItems="center" height="30px" justifyContent="flex-end">
        {change}
Author	SHA1	Message	Date
Francis Cao	bac3ab2c1a	add maxwidth on event/session activity Some checks are pending Create docker images (cloud) / Build, push, and deploy (push) Waiting to run Details Node.js CI / build (postgresql, 18.18, 10) (push) Waiting to run Details	2025-10-07 11:35:28 -07:00
Francis Cao	1b43aa8d37	add max width to listtable label	2025-10-07 11:22:58 -07:00