fix: Change csv icon fix grid cell width, add tooltip to header

linz · May 29, 2023 · 61a3b16 · 61a3b16
1 parent b003a67
commit 61a3b16
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 13 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,15 +27,15 @@
     "node": ">=16"
   },
   "peerDependencies": {
-    "@linzjs/lui": ">=17",
+    "@linzjs/lui": ">=17.60.0",
     "ag-grid-community": ">=27",
     "ag-grid-react": ">=27",
     "lodash-es": ">=4",
     "react": ">=17",
     "react-dom": ">=17"
   },
   "dependencies": {
-    "@linzjs/lui": ">=17",
+    "@linzjs/lui": ">=17.60.0",
     "ag-grid-community": ">=27",
     "ag-grid-react": ">=27",
     "debounce-promise": "^3.1.2",

diff --git a/src/components/GridCell.tsx b/src/components/GridCell.tsx
@@ -120,6 +120,7 @@ export const GridCell = <RowType extends GridBaseRow, Props extends CellEditorCo
 
   return {
     colId: props.field ?? props.field,
+    headerTooltip: props.headerName,
     sortable: !!(props?.field || props?.valueGetter),
     resizable: true,
     minWidth: props.flex ? 150 : 48,

diff --git a/src/components/gridFilter/GridFilterDownloadCsvButton.tsx b/src/components/gridFilter/GridFilterDownloadCsvButton.tsx
@@ -34,7 +34,7 @@ export const GridFilterDownloadCsvButton = (csvExportParams: CsvExportParams) =>
     />
   ) : (
     <GridFilterHeaderIconButton
-      icon={"ic_save_download"}
+      icon={"ic_csv_file"}
       title={"Download CSV"}
       onClick={handleDownloadClick}
       disabled={downloading}

diff --git a/src/styles/GridCell.scss b/src/styles/GridCell.scss
@@ -2,6 +2,7 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  width: 100%;
 }
 
 .GridCell-hoverRight {