From ab6f960fe49af884814fed2a540198561f00fdb4 Mon Sep 17 00:00:00 2001 From: Menghuan1918 Date: Thu, 3 Sep 2026 18:15:41 +0800 Subject: [PATCH] fix(ui): animate the toggle cluster's recenter between tab strip and session header MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The viewport-corner toggle cluster sits at top:3 riding the right panel's tab strip while expanded, and recenters to top:14 over DSH's session header row when collapsed — an 11px snap on every expand/collapse. Ride the panel slide's own duration/easing (--ds-transition-duration-slow + --ds-ease-in-out) so both moves stay in lockstep; prefers-reduced-motion already clears .toggleCluster transitions. --- src/client/sidebar.module.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/client/sidebar.module.css b/src/client/sidebar.module.css index e2c9b4d..7078cc0 100644 --- a/src/client/sidebar.module.css +++ b/src/client/sidebar.module.css @@ -90,6 +90,11 @@ flex-direction: row; gap: 4px; pointer-events: auto; + /* The cluster recenters between the panel's tab strip (top: 3) and DSH's + session header row (top: 14, see the collapsed rule below) on every + expand/collapse — ride the panel slide's own duration/easing so the two + moves stay in lockstep instead of the cluster snapping. */ + transition: top var(--ds-transition-duration-slow) var(--ds-ease-in-out); } /* The tab strip of the OPEN right panel reserves the cluster's width at its