diff --git a/public/pages/workflow_detail/resizable_workspace.tsx b/public/pages/workflow_detail/resizable_workspace.tsx index dc67238e..126f201a 100644 --- a/public/pages/workflow_detail/resizable_workspace.tsx +++ b/public/pages/workflow_detail/resizable_workspace.tsx @@ -94,6 +94,7 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) { collapseFnHorizontal.current(WORKFLOW_INPUTS_PANEL_ID, { direction: 'left', }); + setIsWorkflowInputsPanelOpen(!isWorkflowInputsPanelOpen); }; // Tools side panel state @@ -103,6 +104,7 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) { ); const onToggleToolsChange = () => { collapseFnVertical.current(TOOLS_PANEL_ID, { direction: 'bottom' }); + setIsToolsPanelOpen(!isToolsPanelOpen); }; // Selected component state @@ -274,7 +276,7 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) { direction="horizontal" className="stretch-absolute" style={{ - marginLeft: '-8px', + marginLeft: isWorkflowInputsPanelOpen ? '-8px' : '0px', marginTop: '-8px', }} > @@ -307,7 +309,10 @@ export function ResizableWorkspace(props: ResizableWorkspaceProps) { {selectedStep === CREATE_STEP.INGEST ? ( diff --git a/public/pages/workflow_detail/workspace/workspace-styles.scss b/public/pages/workflow_detail/workspace/workspace-styles.scss index cd514574..9694f2d6 100644 --- a/public/pages/workflow_detail/workspace/workspace-styles.scss +++ b/public/pages/workflow_detail/workspace/workspace-styles.scss @@ -1,3 +1,3 @@ .workspace-panel { - height: 90%; + height: 95%; }