fix(desktop): paint Buzz gradient on the workspace rail#1636
Merged
Conversation
klopez4212
pushed a commit
that referenced
this pull request
Jul 8, 2026
Contributor
Author
Buzz Light — rail + sidebarThe relay rail (far left, A/B/+ buttons) now flows into the same top→bottom gradient as the sidebar.
Buzz Dark — rail + sidebarSame seamless canvas in the dark variant.
|
wesbillman
approved these changes
Jul 8, 2026
klopez4212
force-pushed
the
kennylopez-rail-gradient
branch
from
edaef89 to
2833487
Compare
The branded sidebar gradient is scoped to bg-sidebar surfaces inside .group/sidebar-wrapper, but the workspace rail (the Discord-style relay column shown behind the workspaceRail preview flag) renders as a sibling of that wrapper. With the Buzz theme active the rail therefore fell back to flat grey --sidebar-background, breaking the continuous canvas. Add a precise selector for [data-testid="workspace-rail"].bg-sidebar (same pattern already used for the portaled mobile sidebar sheet) so the rail carries the same viewport-fixed gradient and reads as one continuous surface with the sidebar. Signed-off-by: npub13fn4ahfnvaa2qwylvegdgeajqs0mph6v4qsw4jcqnw4mjh3hzh2quuucm5 <8a675edd33677aa0389f6650d467b2041fb0df4ca820eacb009babb95e3715d4@sprout-oss.stage.blox.sqprod.co>
klopez4212
force-pushed
the
kennylopez-rail-gradient
branch
from
2833487 to
35b1f71
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
When the
workspaceRailexperiment is enabled, the Discord-style relaycolumn (the "relay rail") on the far left did not pick up the Buzz
branded gradient — it rendered as flat grey while the sidebar next to it
carried the gradient, breaking the continuous-canvas look.
Root cause
The branded gradient selector is scoped to
bg-sidebarsurfaces inside.group/sidebar-wrapper. But theWorkspaceRail<nav>is rendered as asibling of that wrapper in
AppShell(it sits outside so it can spanthe full height alongside the collapsible sidebar). Its
bg-sidebarclasstherefore never matched the gradient rule and fell back to the flat grey
--sidebar-background.Fix
Add a precise selector for
[data-testid="workspace-rail"].bg-sidebartothe gradient rule — the same "own selector for a surface outside the
wrapper" pattern already used for the portaled mobile sidebar sheet. Because
the gradient is
background-attachment: fixedsized to100vw 100vh, therail and sidebar align pixel-for-pixel and read as one continuous surface.
Verification
just cigreen (fmt + clippy + desktop lint + unit tests + builds + mobile).buzz-theme-screenshots.spec.tswith light + dark rail cases thatclip across rail + sidebar to guard against regression. All 7 theme
screenshot tests pass.
Buzz Light — rail + sidebar
Buzz Dark — rail + sidebar