From 703cfd7da2aaa143d3f47e1ae81ed88fd75ac62e Mon Sep 17 00:00:00 2001 From: Jambaldorj Ochirpurev Date: Fri, 11 Nov 2022 01:41:16 +0100 Subject: [PATCH] fix: auto-opening sidebar #1090 (#1787) * updated the sidebar; on mobile devices, the sidebar will be closed by default * updated the AppSideBar * change variable name Co-authored-by: Hayden <64056131+hay-kot@users.noreply.github.com> --- frontend/components/Layout/AppSidebar.vue | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/frontend/components/Layout/AppSidebar.vue b/frontend/components/Layout/AppSidebar.vue index 529e3b6d7d05..203f8347e5d3 100644 --- a/frontend/components/Layout/AppSidebar.vue +++ b/frontend/components/Layout/AppSidebar.vue @@ -176,13 +176,20 @@ export default defineComponent({ }, }, setup(props, context) { - // V-Model Support - const drawer = computed({ + // V-Model Support + const drawer = computed({ get: () => { return props.value; }, set: (val) => { - context.emit("input", val); + if(window.innerWidth < 760 && state.hasOpenedBefore === false){ + state.hasOpenedBefore = true; + val = false + context.emit("input", val); + } + else{ + context.emit("input", val); + } }, }); @@ -191,6 +198,7 @@ export default defineComponent({ topSelected: null as string[] | null, secondarySelected: null as string[] | null, bottomSelected: null as string[] | null, + hasOpenedBefore: false as boolean, }); return {