fix(desktop): let the expandable fade match its own surface

The overflow fade hardcoded --ui-chat-surface-background, so inside a code
block it smeared the chat background over the block's own fill. Read an
--expandable-fade-from override with the chat surface as the default.
This commit is contained in:
Brooklyn Nicholson 2026-07-27 21:28:00 -05:00
parent b7fc36cf3c
commit 39bde52014

View file

@ -44,7 +44,7 @@ export function ExpandableBlock({ children, className }: ExpandableBlockProps) {
// both sideways scrolling and text selection. Keep the fade
// `pointer-events-none` and pin the only clickable target — a compact
// toggle — to the right edge, clear of the draggable scrollbar track.
<div className="pointer-events-none absolute inset-x-0 bottom-0 flex h-7 justify-end bg-linear-to-t from-(--ui-chat-surface-background) to-transparent">
<div className="pointer-events-none absolute inset-x-0 bottom-0 flex h-7 justify-end bg-linear-to-t from-[var(--expandable-fade-from,var(--ui-chat-surface-background))] to-transparent">
<button
aria-expanded={expanded}
aria-label={expanded ? 'Collapse' : 'Expand'}