Hide weird ellipsis in visibility toggle column in account grid

yong-space · Mar 30, 2024 · 378df23 · 378df23
1 parent ab8c3d2
commit 378df23
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/settings/accounts-grid.jsx b/src/settings/accounts-grid.jsx
@@ -11,6 +11,7 @@ const GridBox = styled.div`
     display: flex;
     flex: 1 1 1px;
     margin-bottom: ${props => props.isMobile ? '.5rem' : '1rem' };
+    .no-ellipsis { text-overflow: clip }
 `;
 
 const ChipInternal = styled(Chip)`
@@ -77,6 +78,7 @@ const AccountsGrid = ({
             renderCell: ({ id, row }) => <Switch checked={row.visible} onChange={(e) => updateVisibility(e, id)} />,
             width: 70,
             sortable: false,
+            cellClassName: 'no-ellipsis',
         },
         {
             field: 'type',