From 0213da3fc52f4a9e288ca0e698371d4dde9c19ae Mon Sep 17 00:00:00 2001 From: archipelago Date: Tue, 21 Jul 2026 13:14:49 -0400 Subject: [PATCH] =?UTF-8?q?fix(kiosk):=20background=20art=20rendered=20bla?= =?UTF-8?q?ck=20=E2=80=94=20never=20paint=20a=20background=20on=20?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit html.kiosk-safe-area set background:#000 on the root element. With a root background, body's background stops propagating to the canvas and paints as a normal block background instead — which by CSS paint order covers negative-z-index descendants. The dashboard/login art lives in .bg-perspective-container at z-index:-10, so every kiosk display showed solid black behind the UI while desktop browsers (no root background) showed the art. Verified live on the Framework 4K TV via CDP: making the root transparent restores the art instantly. Keep the black on body only. Co-Authored-By: Claude Fable 5 --- neode-ui/src/style.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/neode-ui/src/style.css b/neode-ui/src/style.css index 839f5e2f..d17b1302 100644 --- a/neode-ui/src/style.css +++ b/neode-ui/src/style.css @@ -1417,6 +1417,15 @@ html.kiosk-safe-area body { width: 100vw; height: 100vh; overflow: hidden; +} +/* Black fill on BODY only, never on the root element. With a background on + , body's background no longer propagates to the canvas and instead + paints as a normal block background — which by CSS paint order lands ON TOP + of negative-z-index descendants, i.e. over .bg-perspective-container + (z-index -10): every dashboard/login background image rendered as solid + black on kiosk displays. Body-only matches the non-kiosk pages, where the + art has always shown. */ +html.kiosk-safe-area body { background: #000; }