Merge pull request #2699 from appwrite/fix-SER-670-org-sidebar-visibilty-fix-for-mobile-tabs

Fix: org mobile/tablet sidebar visibility and actions

Author: loks0n

src/lib/components/sidebar.svelte

@@ -259,7 +259,7 @@
                         </div>
                     {/if}
                 </Layout.Stack>
-            {:else if $isSmallViewport}
+            {:else if $isTabletViewport}
                 <div class="action-buttons">
                     <Layout.Stack direction="column" gap="s">
                         <DropList show={$feedback.show} scrollable>

src/lib/layout/shell.svelte

@@ -173,7 +173,8 @@
 
     $: subNavigation = $page.data.subNavigation;
 
-    $: isProjectPage = $page.route?.id?.includes('project-');
+    $: shouldRenderSidebar = !$isNewWizardStatusOpen && showSideNavigation;
+    $: hasSidebarSpace = shouldRenderSidebar && !$isTabletViewport && !!selectedProject;
 
     $: {
         if ($isSidebarOpen) {
@@ -205,7 +206,7 @@
         <Navbar {...navbarProps} bind:sideBarIsOpen={$isSidebarOpen} bind:showAccountMenu />
     {/if}
 
-    {#if !$isNewWizardStatusOpen && isProjectPage}
+    {#if shouldRenderSidebar}
         <Sidebar
             project={selectedProject}
             progressCard={getProgressCard()}
@@ -221,8 +222,8 @@
     <div
         class="content"
         class:has-transition={showContentTransition}
-        class:icons-content={state === 'icons' && isProjectPage}
-        class:no-sidebar={!showSideNavigation}>
+        class:icons-content={state === 'icons' && selectedProject}
+        class:no-sidebar={!hasSidebarSpace}>
         <section class="main-content" data-test={showSideNavigation}>
             {#if $page.data?.header}
                 <div class="layout-header">

src/routes/(console)/+layout.svelte

@@ -334,7 +334,6 @@
 <CommandCenter />
 <Shell
     showSideNavigation={page.url.pathname !== '/' &&
-        !page?.params.organization &&
         !page.url.pathname.includes(base + '/account') &&
         !page.url.pathname.includes(base + '/card') &&
         !page.url.pathname.includes(base + '/onboarding')}