Tune styles more; fix collapsed state margins

Signed-off-by: Tyler Ohlsen <[email protected]>
opensearch-project · May 28, 2024 · 89388ac · 89388ac
1 parent 31db2ed
commit 89388ac
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git 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) {
                   </EuiResizablePanel>
                   <EuiResizableButton />
                   <EuiResizablePanel
-                    style={{ marginRight: '-32px' }}
+                    style={{
+                      marginRight: '-32px',
+                      marginBottom: isToolsPanelOpen ? '0px' : '24px',
+                    }}
                     mode="main"
                     initialSize={60}
                     minSize="25%"

diff --git a/public/pages/workflow_detail/workflow_inputs/workflow_inputs.tsx b/public/pages/workflow_detail/workflow_inputs/workflow_inputs.tsx
@@ -67,7 +67,6 @@ export function WorkflowInputs(props: WorkflowInputsProps) {
             style={{
               overflowY: 'scroll',
               overflowX: 'hidden',
-              maxHeight: '55vh',
             }}
           >
             {selectedStep === CREATE_STEP.INGEST ? (

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