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>
Buzz
Desktop chat shell with:
- Tauri + React + TypeScript + Vite
- Tailwind CSS
- shadcn/ui-ready shared components
- Biome (lint/format/check)
- Feature-driven frontend structure
Scripts
pnpm dev- run the web frontendpnpm tauri dev- run the desktop apppnpm build- typecheck and build frontendpnpm typecheck- TypeScript checkspnpm lint- Biome lintpnpm format- Biome format (write)pnpm check- Biome check
Structure
src/shared- reusable app-wide code (ui,lib,styles)src/features- feature modules (vertical slices)src/app- top-level app composition