diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue index 333d668c10..be9167b239 100644 --- a/src/components/home/navigation.vue +++ b/src/components/home/navigation.vue @@ -208,7 +208,7 @@ const listStore = useListStore() function resize() { // Hide the menu by default on mobile - baseStore.setMenuActive(window.innerWidth >= 770) + baseStore.menuActive && baseStore.setMenuActive(window.innerWidth >= 770) } function toggleLists(namespaceId: INamespace['id']) { diff --git a/src/stores/base.ts b/src/stores/base.ts index 970e7a69b7..2fa35c1fc7 100644 --- a/src/stores/base.ts +++ b/src/stores/base.ts @@ -54,6 +54,10 @@ export const useBaseStore = defineStore('base', () => { hasTasks.value = newHasTasks } + function setMenuActive(newMenuActive: boolean) { + menuActive.value = newMenuActive + } + function toggleMenu() { menuActive.value = !menuActive.value } @@ -144,6 +148,7 @@ export const useBaseStore = defineStore('base', () => { setLoading, setCurrentList, setHasTasks, + setMenuActive, toggleMenu, setKeyboardShortcutsActive, setQuickActionsActive,