mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
The token/active-pill/hover/search overrides in theme.css are scoped to [data-testid="app-sidebar"], but on narrow viewports (<768px) the mobile Sidebar branch spread that marker onto the Radix Sheet root, which renders no DOM ancestor of the portaled SheetContent. So the offcanvas sidebar got the Buzz gradient (fixed separately) but its selected rows and search box still fell back to the normal accent/grey surfaces over the gradient. Move the app-sidebar marker (and the rest of the forwarded props) onto SheetContent so every existing [data-testid="app-sidebar"] rule reaches the portaled sheet without duplicating selectors. Bump the sidebar.tsx file-size override by 1 (vendored file already on the split-queue). Verified at a 480px viewport: the sheet carries data-testid=app-sidebar, --sidebar-active resolves to white, and the Buzz Dark gradient still applies. Signed-off-by: npub13fn4ahfnvaa2qwylvegdgeajqs0mph6v4qsw4jcqnw4mjh3hzh2quuucm5 <8a675edd33677aa0389f6650d467b2041fb0df4ca820eacb009babb95e3715d4@sprout-oss.stage.blox.sqprod.co>