mirror of
https://github.com/block/buzz.git
synced 2026-08-18 06:50:31 +02:00
The previous scoping to \`.group/sidebar-wrapper\` correctly excluded unrelated portals (persona dialog), but it also excluded the mobile/offcanvas sidebar: on narrow viewports (<768px) the sidebar renders as a \`SheetContent\` inside a \`SheetPortal\`, outside the shell wrapper, so Buzz/Buzz Dark fell back to the flat grey \`--sidebar-background\`. Add the portaled mobile sidebar surface as a second, precise gradient target (\`[data-sidebar="sidebar"][data-mobile="true"].bg-sidebar\`) sharing the same declaration block — without re-broadening to every \`.bg-sidebar\` in the document. The pinned-header/footer repaint rules are scoped to \`[data-testid="app-sidebar"]\` (a descendant that renders inside the sheet too), so they already cover mobile. Verified at a 480px viewport: opening the mobile sheet shows the Buzz Dark gradient on the \`[data-mobile="true"]\` surface (background-image is the gradient, background-color cleared). Desktop theme screenshot spec still passes; desktop-check + tsc clean, no new biome warnings. Fixes the Codex P2 review comment on PR #1630. Signed-off-by: Fizz <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