1544: MR comments

workfloworchestrator · Dec 4, 2024 · 003def5 · 003def5
1 parent cc2d67d
commit 003def5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/WfoDragHandler.tsx b/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/WfoDragHandler.tsx
@@ -8,6 +8,8 @@ import { useWithOrchestratorTheme } from '@/hooks';
 import type { onUpdateColumWidth } from './WfoTableHeaderRow';
 import { getWfoTableStyles } from './styles';
 
+const MINIMUM_COLUMN_WIDTH = 50;
+
 interface WfoDragHandlerProps {
     headerRowRef: React.RefObject<HTMLTableRowElement>;
     fieldName: string;
@@ -49,13 +51,15 @@ export const WfoDragHandler: FC<WfoDragHandlerProps> = ({
 
                         onUpdateColumWidth(
                             fieldName,
-                            newWidth > 50 ? newWidth : 50,
+                            newWidth > MINIMUM_COLUMN_WIDTH
+                                ? newWidth
+                                : MINIMUM_COLUMN_WIDTH,
                         );
                         resetPosition();
                     }
                 }}
             >
-                <div css={dragAndDropStyle}>&nbsp;</div>
+                <div css={dragAndDropStyle} />
             </Draggable>
         </div>
     );

diff --git a/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/styles.ts b/packages/orchestrator-ui-components/src/components/WfoTable/WfoTable/styles.ts
@@ -140,6 +140,9 @@ export const getWfoTableStyles = ({ theme, isDarkThemeActive }: WfoTheme) => {
                 ? theme.colors.mediumShade
                 : theme.colors.header,
         },
+        '&::after': {
+            content: '""',
+        },
     });
     return {
         tableContainerStyle,