Mitigate column width issue

greenriver · Jan 14, 2025 · 60f34c3 · 60f34c3
1 parent 2d0c890
commit 60f34c3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/elements/table/GenericTable.tsx b/src/components/elements/table/GenericTable.tsx
@@ -89,6 +89,8 @@ export const getStickyCellStyles = (
     backgroundColor: 'background.paper', // Otherwise it's transparent and other cell content appears beneath it
     position: 'sticky',
     zIndex: 1,
+    maxWidth: '200px', // Mitigates the risk that the column may be so wide as to obscure any scrollable columns
+    overflow: 'clip',
   };
 
   // Pseudo-element to achieve a border on sticky cells. `position: sticky` doesn't work with regular border

diff --git a/src/modules/clientFiles/components/ClientFilesPage.tsx b/src/modules/clientFiles/components/ClientFilesPage.tsx
@@ -79,6 +79,7 @@ const ClientFilesPage = () => {
         render: (file) => (
           <Typography variant='inherit'>{file.name}</Typography>
         ),
+        sticky: 'left',
       },
       {
         header: 'File Tags',