diff --git a/engine/app/assets/stylesheets/coplan/application.css b/engine/app/assets/stylesheets/coplan/application.css index 47d6028..ca8a42d 100644 --- a/engine/app/assets/stylesheets/coplan/application.css +++ b/engine/app/assets/stylesheets/coplan/application.css @@ -2350,16 +2350,17 @@ img.avatar { padding: 0 4px; } -/* Floating inbox panel */ +/* Floating inbox panel. Solid, not glass: it lives inside the nav, + whose own backdrop-filter blocks a descendant's backdrop-filter from + sampling the page — translucency here would just let the page bleed + through unblurred. */ .inbox-panel { position: absolute; top: calc(100% + var(--space-sm)); right: 0; width: 420px; max-height: 480px; - background: var(--glass-bg-strong); - -webkit-backdrop-filter: var(--glass-blur); - backdrop-filter: var(--glass-blur); + background: var(--color-surface); border: 1px solid var(--glass-edge); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg);