From 1ca2c968c42c4a546648ab7a3d1f66ce6528eb69 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mariusz=20Roli=C5=84ski?= Date: Fri, 21 Nov 2025 14:38:30 +0100 Subject: [PATCH 1/2] Truncate operator *names* with CSS --- src/components/Table.tsx | 1 + src/pages/OperatorsPage.tsx | 1 + 2 files changed, 2 insertions(+) diff --git a/src/components/Table.tsx b/src/components/Table.tsx index 8ea8135b62..483b5ef7ba 100644 --- a/src/components/Table.tsx +++ b/src/components/Table.tsx @@ -55,6 +55,7 @@ const OperatorName = styled.div<{ $truncate?: boolean }>` overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + max-width: 12rem; `} ` diff --git a/src/pages/OperatorsPage.tsx b/src/pages/OperatorsPage.tsx index f0e22c8521..9cab118d4f 100644 --- a/src/pages/OperatorsPage.tsx +++ b/src/pages/OperatorsPage.tsx @@ -331,6 +331,7 @@ function OperatorsTable({ operatorId={id} operatorName={name} imageUrl={imageUrl} + truncate={!!name} /> ), align: 'start', From ffdb8f3a77d9376a3860d825dccf69fbd340a0c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mariusz=20Roli=C5=84ski?= Date: Fri, 21 Nov 2025 15:02:07 +0100 Subject: [PATCH 2/2] Apply the same logic to `DelegationsTable` for consistency --- src/pages/OperatorsPage.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/pages/OperatorsPage.tsx b/src/pages/OperatorsPage.tsx index 9cab118d4f..273dd26402 100644 --- a/src/pages/OperatorsPage.tsx +++ b/src/pages/OperatorsPage.tsx @@ -244,6 +244,7 @@ function DelegationsTable({ operatorId={id} operatorName={name} imageUrl={imageUrl} + truncate={!!name} /> ), align: 'start',