Skip to content
This repository was archived by the owner on Aug 6, 2026. It is now read-only.

Commit 72c2ca2

Browse files
authored
fix(canvas): give the floating mode selector an opaque backdrop
Quill's outline button fill is `--muted` at 30%, so once the selector floated over the feed the messages behind it showed through. Put an opaque `bg-card` backdrop on the row at the button's own radius (`--radius-sm`), which leaves the trigger's hover and expanded fills intact. Generated-By: PostHog Code Task-Id: e21b284f-a889-4f05-a683-8f2407961fa5
1 parent adc732b commit 72c2ca2

1 file changed

Lines changed: 4 additions & 2 deletions

File tree

‎packages/ui/src/features/canvas/components/ChannelHomeComposer.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -373,9 +373,11 @@ export const ChannelHomeComposer = forwardRef<
373373
return (
374374
<div className="relative flex w-full flex-col">
375375
{/* Canvas generation always runs in the cloud, so the local/cloud pick
376-
doesn't apply while canvas mode is armed. */}
376+
doesn't apply while canvas mode is armed. The row floats over the feed,
377+
and the trigger's own fill is translucent, so it carries an opaque
378+
backdrop at the button's radius to stop messages showing through. */}
377379
{!canvasArmed && (
378-
<div className="absolute bottom-full left-0 mb-2 flex items-center gap-2">
380+
<div className="absolute bottom-full left-0 mb-2 flex items-center gap-2 rounded-sm bg-card">
379381
<WorkspaceModeSelect
380382
value={workspaceMode}
381383
onChange={setWorkspaceMode}

0 commit comments

Comments
 (0)