From fd5d47fdb0e6a44d285752ef4f1fd846081b804c Mon Sep 17 00:00:00 2001 From: Muhammed Mustafa Date: Wed, 11 Oct 2023 10:40:16 +0000 Subject: [PATCH 1/2] fix: Sidebar collapse bug fix --- packages/nc-gui/store/sidebar.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/nc-gui/store/sidebar.ts b/packages/nc-gui/store/sidebar.ts index 0603ceb76e..9bad365ce1 100644 --- a/packages/nc-gui/store/sidebar.ts +++ b/packages/nc-gui/store/sidebar.ts @@ -12,7 +12,7 @@ export const useSidebarStore = defineStore('sidebarStore', () => { const _isLeftSidebarOpen = ref(!isViewPortMobile()) const isLeftSidebarOpen = computed({ get() { - return (isMobileMode && !tablesStore.activeTableId) || _isLeftSidebarOpen.value + return (isMobileMode.value && !tablesStore.activeTableId) || _isLeftSidebarOpen.value }, set(value) { _isLeftSidebarOpen.value = value From 3d14a09b1086d387f35e8a754d9c9415b442fe64 Mon Sep 17 00:00:00 2001 From: Muhammed Mustafa Date: Wed, 11 Oct 2023 10:40:16 +0000 Subject: [PATCH 2/2] fix: Improved mobile sidebar UI --- packages/nc-gui/assets/style.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss index cbeb575b6e..c317f29f0c 100644 --- a/packages/nc-gui/assets/style.scss +++ b/packages/nc-gui/assets/style.scss @@ -603,7 +603,7 @@ input[type='number'] { } .nc-sidebar-node { - @apply !xs:(min-h-12 max-h-12 hover:bg-gray-50 ml-1.5); + @apply !xs:(min-h-12 max-h-12 hover:bg-gray-50 ml-1.5 w-[calc(100%-8px)]); .nc-emoji { @apply xs:(text-lg);