UI Audit: Editor "Coming Soon" bumper is the most visible design violation #151

New issue

Closed

opened 2026-05-28 19:30:53 -04:00 by zgaetano · 0 comments

zgaetano commented

2026-05-28 19:30:53 -04:00

Owner

Fixed in 342b56a.

Replaced fullscreen glass overlay with a flat banner across the top of the editor area. New .editor-beta-banner CSS class in styles-screens.css:

Background: var(--accent-soft) (flat tint, no blur)
Border-bottom: 1px solid var(--border)
One row: icon + body text + action buttons + version chip
No backdrop-filter, no gradient, no glow shadow

The editor itself now stays fully visible underneath the banner instead of being hidden behind a glass scrim. Users can see what's coming while still being told "use the Premiere panel for production."

Verified live — [style*="backdrop-filter"] query returns 0 on the editor route.

Fixed in 342b56a. Replaced fullscreen glass overlay with a flat banner across the top of the editor area. New `.editor-beta-banner` CSS class in `styles-screens.css`: - Background: `var(--accent-soft)` (flat tint, no blur) - Border-bottom: `1px solid var(--border)` - One row: icon + body text + action buttons + version chip - No `backdrop-filter`, no gradient, no glow shadow The editor itself now stays fully visible underneath the banner instead of being hidden behind a glass scrim. Users can see what's coming while still being told "use the Premiere panel for production." Verified live — `[style*="backdrop-filter"]` query returns 0 on the editor route.