From 5e93fc0e54ec5ff39b9d280b598e23901ebfac53 Mon Sep 17 00:00:00 2001 From: Sawyer Date: Wed, 30 Sep 2026 15:00:42 -0700 Subject: [PATCH] fix(web): the drawer's members avatar stack and the New page crumb after the parity merges (CL-9671) --- apps/web/src/app.css | 5 ----- apps/web/src/bench/drawer.css | 7 ++++++- apps/web/src/pages/new-workbench-picker.tsx | 2 +- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/apps/web/src/app.css b/apps/web/src/app.css index 1ba6ca163..1f8ff7c2b 100644 --- a/apps/web/src/app.css +++ b/apps/web/src/app.css @@ -2400,11 +2400,6 @@ a.drawer-li:hover, } /* Bench drawer Insights and Members tabs */ -.drawer-stack { - display: flex; - flex-direction: column; - gap: 1rem; -} .drawer-link { align-self: flex-start; font-size: 0.85rem; diff --git a/apps/web/src/bench/drawer.css b/apps/web/src/bench/drawer.css index 3a50ad2c3..98c724d7f 100644 --- a/apps/web/src/bench/drawer.css +++ b/apps/web/src/bench/drawer.css @@ -103,11 +103,16 @@ padding: 0; flex: 0 0 auto; } +/* Overlapping avatars; each after the first is ringed by the surface. */ .drawer-stack { - display: flex; + display: inline-flex; + align-items: center; + flex: 0 0 auto; } .drawer-stack > * + * { margin-left: -6px; + box-shadow: 0 0 0 2px var(--surface); + border-radius: 8px; } .drawer-pill { display: inline-flex; diff --git a/apps/web/src/pages/new-workbench-picker.tsx b/apps/web/src/pages/new-workbench-picker.tsx index ac3c52f79..01534b10a 100644 --- a/apps/web/src/pages/new-workbench-picker.tsx +++ b/apps/web/src/pages/new-workbench-picker.tsx @@ -82,7 +82,7 @@ export function NewWorkbenchPickerRoute() { return (
- +
{create.isPending ? ( // `delayMs={0}`: a genuine wait the instant the person sends.