fix(ui): animate the toggle cluster's recenter between tab strip and session header
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.
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user