chore: mui data grid cursor pointer on hover

Tauffer-Consulting · Oct 9, 2023 · 5930460 · 5930460
1 parent ac032da
commit 5930460
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/frontend/src/features/workflows/components/WorkflowDetail/WorkflowRunsTable.tsx b/frontend/src/features/workflows/components/WorkflowDetail/WorkflowRunsTable.tsx
@@ -177,6 +177,9 @@ export const WorkflowRunsTable: React.FC<Props> = ({
                 "&.MuiDataGrid-root .MuiDataGrid-cell:focus": {
                   outline: "none",
                 },
+                "& .MuiDataGrid-row:hover": {
+                  cursor: "pointer",
+                },
               }}
             />
           )}

diff --git a/frontend/src/features/workflows/components/WorkflowsList/index.tsx b/frontend/src/features/workflows/components/WorkflowsList/index.tsx
@@ -184,9 +184,14 @@ export const WorkflowList: React.FC = () => {
           disableColumnSelector
           slots={{ noRowsOverlay: NoDataOverlay }}
           sx={{
+            // disable cell selection style
             "&.MuiDataGrid-root .MuiDataGrid-cell:focus": {
               outline: "none",
             },
+            // pointer cursor on ALL rows
+            "& .MuiDataGrid-row:hover": {
+              cursor: "pointer",
+            },
           }}
         />
       </Paper>