fix(web): use opaque background for maximized workspace panel - #4376
Conversation
73d539a to
2231b72
Compare
The dark-mode glassmorphism rule clears the workspace panel's background to transparent so it blends into the canvas when docked. When the panel is maximized (absolute inset-0), this lets the chat content underneath bleed through. Add a data-maximized attribute to the panel and gate the transparent background rules with :not([data-maximized]). Apply an explicit var(--card-solid) background when maximized so the panel is opaque across all themes. Signed-off-by: Yuan Tang <terrytangyuan@gmail.com>
2231b72 to
f03439f
Compare
|
|
🏷️ Doc impact: This is a purely visual CSS/styling fix giving the maximized workspace panel an opaque background so chat content doesn't bleed through — no user-facing feature, integration, policy, or documented behavior changed. Auto-classified on merge. Set the label manually before merging to override. · run |
Related issue
N/A
Summary
In dark mode, the workspace panel's background is set to
transparentso it blends into the canvas when docked. When the panel is maximized (fullscreen mode for viewing code changes), it usesabsolute inset-0to cover the full content area — but the transparent background lets the chat content underneath bleed through.This fix:
data-maximizedattribute to the workspace panel<aside>when maximized.:not([data-maximized])so it only applies when docked.var(--card-solid)as an opaque background when maximized, covering all themes (default, custom translucent sidebar, and built-in themes with semi-transparent--cardvalues).Test Plan
Demo
Before (chat bleeds through maximized workspace panel):
Type of change
Test coverage
Coverage notes
CSS-only fix plus one data attribute. Verified manually by maximizing the workspace panel in dark mode and confirming the background is opaque. No automated test covers glassmorphism rendering.
Changelog
Maximized workspace panel no longer shows chat content through a transparent background in dark mode.