From ca1575acec480bf4a1866ca9fe187a45ef0958f2 Mon Sep 17 00:00:00 2001
From: Luv Kapur <luv@bit.dev>
Date: Tue, 29 Aug 2023 10:05:37 -0400
Subject: [PATCH] hide sidebar when split plane is collapsed in workspace

---
 scopes/workspace/workspace/ui/workspace/workspace.module.scss | 4 ++++
 scopes/workspace/workspace/ui/workspace/workspace.tsx         | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/scopes/workspace/workspace/ui/workspace/workspace.module.scss b/scopes/workspace/workspace/ui/workspace/workspace.module.scss
index d1e919675f5b..a8f7d11a45fb 100644
--- a/scopes/workspace/workspace/ui/workspace/workspace.module.scss
+++ b/scopes/workspace/workspace/ui/workspace/workspace.module.scss
@@ -41,4 +41,8 @@
   position: relative;
 
   height: 100%;
+
+  &.closed {
+    overflow: hidden;
+  }
 }
diff --git a/scopes/workspace/workspace/ui/workspace/workspace.tsx b/scopes/workspace/workspace/ui/workspace/workspace.tsx
index b73686904342..1ef0b52d2db5 100644
--- a/scopes/workspace/workspace/ui/workspace/workspace.tsx
+++ b/scopes/workspace/workspace/ui/workspace/workspace.tsx
@@ -11,6 +11,7 @@ import { Collapser } from '@teambit/ui-foundation.ui.buttons.collapser';
 import { SplitPane, Pane, Layout } from '@teambit/base-ui.surfaces.split-pane.split-pane';
 import { HoverSplitter } from '@teambit/base-ui.surfaces.split-pane.hover-splitter';
 import { TopBar } from '@teambit/ui-foundation.ui.top-bar';
+import classNames from 'classnames';
 
 import { useWorkspace } from './use-workspace';
 import { WorkspaceOverview } from './workspace-overview';
@@ -54,7 +55,7 @@ export function Workspace({ routeSlot, menuSlot, sidebar, workspaceUI, onSidebar
         />
 
         <SplitPane className={styles.main} size={264} layout={sidebarOpenness}>
-          <Pane className={styles.sidebar}>{sidebar}</Pane>
+          <Pane className={classNames(styles.sidebar, !isSidebarOpen && styles.closed)}>{sidebar}</Pane>
           <HoverSplitter className={styles.splitter}>
             <Collapser
               isOpen={isSidebarOpen}