Skip to content

fix(desktop): paint Buzz gradient on the workspace rail #1636

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
klopez4212 merged 1 commit into from
Jul 8, 2026
Merged

fix(desktop): paint Buzz gradient on the workspace rail #1636

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 10 additions & 6 deletions desktop/src/shared/styles/globals/theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -178,11 +178,14 @@
*
* The gradient is applied to every `bg-sidebar` canvas surface INSIDE the app
* shell (`.group\/sidebar-wrapper` — the top chrome bar, the sidebar column,
* and the inset margin behind the white content card), PLUS the portaled
* mobile sidebar (the `SheetContent` rendered by the offcanvas branch on
* narrow viewports, marked `[data-sidebar="sidebar"][data-mobile="true"]`).
* The mobile sheet lives in a `SheetPortal` outside the shell wrapper, so it
* needs its own precise selector rather than re-broadening to every portal.
* and the inset margin behind the white content card), PLUS two chrome
* surfaces rendered OUTSIDE that wrapper: the portaled mobile sidebar (the
* `SheetContent` rendered by the offcanvas branch on narrow viewports, marked
* `[data-sidebar="sidebar"][data-mobile="true"]`) and the workspace rail (the
* Discord-style relay column on the far left, `[data-testid="workspace-rail"]`,
* a sibling of the wrapper gated behind the `workspaceRail` feature flag).
* Both live outside `.group\/sidebar-wrapper`, so each needs its own precise
* selector rather than re-broadening to every portal.
* Scoping this way keeps the branding on the app chrome and off unrelated
* `bg-sidebar` consumers rendered in portals outside the shell (e.g. the
* persona catalog dialog). `background-attachment: fixed` anchors the gradient
Expand Down Expand Up @@ -218,7 +221,8 @@
.group\/sidebar-wrapper
.bg-sidebar:not([data-buzz-flat]),
:root[data-buzz-sidebar]
[data-sidebar="sidebar"][data-mobile="true"].bg-sidebar {
[data-sidebar="sidebar"][data-mobile="true"].bg-sidebar,
:root[data-buzz-sidebar] [data-testid="workspace-rail"].bg-sidebar {
background-color: transparent;
background-image: linear-gradient(
to bottom,
Expand Down
Loading