diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue index 3c07d15..60c353f 100644 --- a/apps/app-frontend/src/App.vue +++ b/apps/app-frontend/src/App.vue @@ -313,6 +313,22 @@ const showOnboarding = ref(false) const onboardingMode = ref('main') const onboardingSettings = ref(null) const onboardingReplay = ref(false) + +// Expand the sidebar while the onboarding tour is visible so steps that point +// at sidebar entries (account card, announcement, create instance) can find +// their targets. The previous state is restored when the tour ends. +let sidebarStateBeforeOnboarding: boolean | undefined +watch(showOnboarding, (visible) => { + if (visible) { + sidebarStateBeforeOnboarding = sidebarToggled.value + sidebarToggled.value = true + setSidebarExpanded(true) + } else if (sidebarStateBeforeOnboarding !== undefined) { + sidebarToggled.value = sidebarStateBeforeOnboarding + setSidebarExpanded(sidebarStateBeforeOnboarding) + sidebarStateBeforeOnboarding = undefined + } +}) const nativeDecorations = ref(false) const os = ref('') @@ -2509,7 +2525,10 @@ provideAppUpdateDownloadProgress(appUpdateDownload) >