fix: fixed the css to avoid overflow and add the duration back to the…

… table
flyteorg · Apr 9, 2022 · a34dd42 · a34dd42
1 parent 7b1971a
commit a34dd42
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/Executions/Tables/WorkflowExecutionTable/WorkflowExecutionRow.tsx b/src/components/Executions/Tables/WorkflowExecutionTable/WorkflowExecutionRow.tsx
@@ -101,7 +101,9 @@ export const WorkflowExecutionRow: React.FC<WorkflowExecutionRowProps> = ({
     onCancel: () => setShowConfirmation(false),
     onConfirmClick: onArchiveConfirmClick,
   });
-  const columnsWithApproval = [...columns.slice(0, -2), confirmation];
+  // To hide the onHover action buttons,
+  // we take off the last column which is onHover actions buttons
+  const columnsWithApproval = [...columns.slice(0, -1), confirmation];
 
   // we show error info only on active items
   const { abortMetadata, error } = execution.closure;

diff --git a/src/components/Executions/Tables/WorkflowExecutionTable/styles.ts b/src/components/Executions/Tables/WorkflowExecutionTable/styles.ts
@@ -34,7 +34,8 @@ export const useStyles = makeStyles((theme: Theme) => ({
   },
   confirmationButton: {
     borderRadius: 0,
-    minWidth: '100px',
+    // make the button responsive, so the button won't overflow
+    width: '50%',
     minHeight: '53px',
     // cancel margins that are coming from table row style
     marginTop: theme.spacing(-1),