Skip to content

Commit 856ae3b

Browse files
t3dotggclaude
andcommitted
fix(web): composer context strip keeps its background under an attached banner
Co-Authored-By: Claude Opus 5.5 <[email protected]>
1 parent aa2c80b commit 856ae3b

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

‎apps/web/src/components/chat/ComposerSurface.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,14 +78,16 @@ function Main({ className, ...props }: ComponentProps<"div">) {
7878
}
7979

8080
// Position hints keep class merging from dropping mask color stops.
81+
// Dark goes transparent only where the Shell backdrop paints the strip; scoping it keeps dark: from beating the fills below.
8182
function ContextStrip({ className, ...props }: ComponentProps<"div">) {
8283
return (
8384
<div
8485
data-slot="composer-context-strip"
8586
className={cn(
8687
"group/composer-context relative isolate mx-auto -mt-4 flex w-[calc(100%-2*var(--chat-composer-drawer-inset))] items-center gap-2 overflow-x-clip overflow-y-visible px-2 pt-5 pb-1",
8788
"before:absolute before:inset-0 before:-z-1 before:rounded-b-2xl before:border before:border-(--chat-composer-outline) before:mask-b-from-transparent before:mask-b-from-(position:--spacing-composer-seam) before:mask-b-to-black before:mask-b-to-(position:--spacing-composer-seam)",
88-
"before:bg-(--chat-composer-glass-surface) dark:before:bg-transparent dark:before:bg-composer-seam-below dark:before:bg-origin-border",
89+
"before:bg-(--chat-composer-glass-surface) dark:before:bg-composer-seam-below dark:before:bg-origin-border",
90+
"dark:supports-[clip-path:shape(from_0_0,line_to_1px_1px)]:group-not-has-data-[composer-banner-surface=attached]/composer-surface:before:bg-transparent",
8991
"group-has-data-[composer-banner-surface=attached]/composer-surface:before:bg-(--chat-composer-glass-surface)/(--glass-opacity) group-has-data-[composer-banner-surface=attached]/composer-surface:before:backdrop-blur-(--glass-blur) group-has-data-[composer-banner-surface=attached]/composer-surface:before:backdrop-saturate-(--glass-saturation)",
9092
"not-supports-[clip-path:shape(from_0_0,line_to_1px_1px)]:before:bg-(--chat-composer-glass-surface)/(--glass-opacity) not-supports-[clip-path:shape(from_0_0,line_to_1px_1px)]:before:backdrop-blur-(--glass-blur) not-supports-[clip-path:shape(from_0_0,line_to_1px_1px)]:before:backdrop-saturate-(--glass-saturation)",
9193
className,

0 commit comments

Comments
 (0)