mobile optimisations - fix tab issue

packages/nc-gui/components/smartsheet/sidebar/index.vue

@@ -35,6 +35,8 @@ const setLastOpenedViewId = (viewId?: string) => {
 
 const { isUIAllowed } = useUIPermission()
 
+const { isMobileMode } = useGlobal()
+
 const router = useRouter()
 
 const route = useRoute()
@@ -44,7 +46,7 @@ const { $e } = useNuxtApp()
 /** Sidebar visible */
 const { isOpen } = useSidebar('nc-right-sidebar')
 
-const sidebarCollapsed = computed(() => !isOpen.value)
+const sidebarCollapsed = computed(() => !isOpen.value || isMobileMode.value)
 
 /** Sidebar ref */
 const sidebar = ref()

packages/nc-gui/components/tabs/Smartsheet.vue

@@ -92,7 +92,7 @@ provide(
     <LazySmartsheetExpandedFormDetached />
 
     <!-- Lazy loading the sidebar causes issues when deleting elements, i.e. it appears as if multiple elements are removed when they are not -->
-    <SmartsheetSidebar v-if="meta && !isMobileMode" class="nc-right-sidebar" />
+    <SmartsheetSidebar v-if="meta" class="nc-right-sidebar" />
   </div>
 </template>