From 72302dd6f7e4558ff58d83b2bb7d344a4d3a7671 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Mon, 19 Jan 2026 15:06:24 +0530
Subject: [PATCH 1/3] fix: project extended sidebar accordion ux

---
 .../components/workspace/sidebar/project-navigation.tsx     | 6 +++++-
 .../components/workspace/sidebar/projects-list-item.tsx     | 5 +++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/apps/web/core/components/workspace/sidebar/project-navigation.tsx b/apps/web/core/components/workspace/sidebar/project-navigation.tsx
index 481f5929e6b..db410e01c2f 100644
--- a/apps/web/core/components/workspace/sidebar/project-navigation.tsx
+++ b/apps/web/core/components/workspace/sidebar/project-navigation.tsx
@@ -37,7 +37,7 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro
   const { workItem: workItemIdentifierFromRoute } = useParams();
   // store hooks
   const { t } = useTranslation();
-  const { toggleSidebar } = useAppTheme();
+  const { isExtendedProjectSidebarOpened, toggleExtendedProjectSidebar, toggleSidebar } = useAppTheme();
   const { getPartialProjectById } = useProject();
   const { allowPermissions } = useUserPermissions();
   const {
@@ -56,6 +56,10 @@ export const ProjectNavigation = observer(function ProjectNavigation(props: TPro
     if (window.innerWidth < 768) {
       toggleSidebar();
     }
+    // close the extended sidebar if it is open
+    if (isExtendedProjectSidebarOpened) {
+      toggleExtendedProjectSidebar(false);
+    }
   };
 
   const baseNavigation = useCallback(
diff --git a/apps/web/core/components/workspace/sidebar/projects-list-item.tsx b/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
index d869a12cb66..5d0aa1f4c56 100644
--- a/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
+++ b/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
@@ -254,6 +254,8 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
 
   if (!project) return null;
 
+  const isAccordionMode = projectPreferences.navigationMode === "ACCORDION";
+
   const handleItemClick = () => {
     if (projectPreferences.navigationMode === "ACCORDION") {
       setIsProjectListOpen(!isProjectListOpen);
@@ -261,12 +263,11 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
       router.push(defaultTabUrl);
     }
     // close the extended sidebar if it is open
-    if (isExtendedProjectSidebarOpened) {
+    if (isExtendedProjectSidebarOpened && !isAccordionMode) {
       toggleExtendedProjectSidebar(false);
     }
   };
 
-  const isAccordionMode = projectPreferences.navigationMode === "ACCORDION";
 
   const shouldHighlightProject = URLProjectId === project?.id && projectPreferences.navigationMode !== "ACCORDION";
 

From c84d559049fc15092deb5dddf2893c17c38e1bf6 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Mon, 19 Jan 2026 15:07:30 +0530
Subject: [PATCH 2/3] fix: app sidebar mobile responsiveness ux

---
 apps/web/core/components/sidebar/resizable-sidebar.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/web/core/components/sidebar/resizable-sidebar.tsx b/apps/web/core/components/sidebar/resizable-sidebar.tsx
index fac0a1107f8..8dacfafa90c 100644
--- a/apps/web/core/components/sidebar/resizable-sidebar.tsx
+++ b/apps/web/core/components/sidebar/resizable-sidebar.tsx
@@ -186,6 +186,7 @@ export function ResizableSidebar({
         }}
         role="complementary"
         aria-label="Main sidebar"
+        data-prevent-outside-click={isMobile}
       >
         <aside
           className={cn(

From 4bf7101874a817378ff460ca851073094ae8a2af Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Fri, 13 Feb 2026 17:28:38 +0530
Subject: [PATCH 3/3] chore: code refactor

---
 .../web/core/components/workspace/sidebar/projects-list-item.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/apps/web/core/components/workspace/sidebar/projects-list-item.tsx b/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
index eadfcafe034..9f95ccb9081 100644
--- a/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
+++ b/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
@@ -274,7 +274,6 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
     }
   };
 
-
   const shouldHighlightProject = URLProjectId === project?.id && projectPreferences.navigationMode !== "ACCORDION";
 
   return (