diff --git a/packages/ui/src/components/session/sidebar/sortableItems.tsx b/packages/ui/src/components/session/sidebar/sortableItems.tsx index bb51e3a9..e01802af 100644 --- a/packages/ui/src/components/session/sidebar/sortableItems.tsx +++ b/packages/ui/src/components/session/sidebar/sortableItems.tsx @@ -196,7 +196,8 @@ export const SortableProjectItem: React.FC = ({
{ // VS Code hides project actions entirely (hideDirectoryControls). @@ -422,4 +423,3 @@ const SortableGroupItemBase: React.FC<{ }; export const SortableGroupItem = React.memo(SortableGroupItemBase); - diff --git a/packages/ui/src/styles/design-system.css b/packages/ui/src/styles/design-system.css index 023f3cc7..17b8401c 100644 --- a/packages/ui/src/styles/design-system.css +++ b/packages/ui/src/styles/design-system.css @@ -150,18 +150,12 @@ background-color: transparent !important; } - /* Sticky sidebar zone headers must fully mask the rows scrolling under - them. A frosted (translucent + backdrop-blur) backing is NOT possible - here: Electron's transparent/vibrancy windows break backdrop-filter - entirely (electron#20357 — the backdrop snapshot fails against a - transparent root), so any translucency lets row text bleed through - un-blurred. Use the opaque sidebar tone instead; the blur declaration - stays only as a progressive enhancement if Electron ever fixes it. */ + /* Stuck sidebar zone headers must fully mask the rows scrolling under + them. Electron's transparent/vibrancy windows break backdrop-filter + (electron#20357), so use the opaque sidebar tone instead. */ :root.desktop-runtime[data-oc-vibrancy] .oc-zone-header-backing { background: var(--sidebar-stuck-bg) !important; background-color: var(--sidebar-stuck-bg) !important; - -webkit-backdrop-filter: blur(16px) saturate(1.2); - backdrop-filter: blur(16px) saturate(1.2); } .font-sans {