From e747946f7a8635989cf2fadfb5aa9c90deb4b8e9 Mon Sep 17 00:00:00 2001 From: Will Miao Date: Mon, 7 Sep 2026 19:32:58 +0800 Subject: [PATCH] fix(onboarding): keep folder sidebar fixed-positioned during tutorial highlight The .onboarding-target-highlight class sets position: relative, which overrode .folder-sidebar's position: fixed (equal specificity, later stylesheet). The sidebar left fixed positioning and moved in-flow, while the spotlight/mask cutout stayed at the pre-highlight rect, leaving an empty highlighted region during the folder sidebar step. --- static/css/onboarding.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/static/css/onboarding.css b/static/css/onboarding.css index 4ad20212..95903008 100644 --- a/static/css/onboarding.css +++ b/static/css/onboarding.css @@ -44,6 +44,13 @@ pointer-events: auto !important; } +/* Keep the fixed-position sidebar anchored when highlighted, otherwise + .onboarding-target-highlight's position: relative would pull it into + normal flow and it would move away from the spotlight cutout */ +.folder-sidebar.onboarding-target-highlight { + position: fixed; +} + .onboarding-popup { position: absolute; background: var(--lora-surface);