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%;
}