Truncate operator *names* with CSS

mondoreale · mondoreale · commit 1ca2c968c42c · 2025-11-21T14:38:30.000+01:00
diff --git 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
@@ -331,6 +331,7 @@ function OperatorsTable({
                             operatorId={id}
                             operatorName={name}
                             imageUrl={imageUrl}
+                            truncate={!!name}
                         />
                     ),
                     align: 'start',

Original file line number	Diff line number	Diff line change
@@ -55,6 +55,7 @@ const OperatorName = styled.div<{ $truncate?: boolean }>`
`55`	`55`	`overflow: hidden;`
`56`	`56`	`text-overflow: ellipsis;`
`57`	`57`	`white-space: nowrap;`
	`58`	`+ max-width: 12rem;`
`58`	`59`	`}
`59`	`60`	`
`60`	`61`