From 265074aa54ab1adb6305e13c27ef7c0966e1c407 Mon Sep 17 00:00:00 2001 From: German Khokhlov Date: Wed, 11 Nov 2026 12:44:08 +0400 Subject: [PATCH] Raise the render failure notice above floating panels MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The notice sat at z-index 1001, under the Québec camera viewer (2000), which covered its text and, with video playing, its buttons on a phone. It now sits at 2001. On touch screens its buttons are 44 px tall. --- src/ui/styles/status.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/ui/styles/status.css b/src/ui/styles/status.css index 93702b76b..5176a35cf 100644 --- a/src/ui/styles/status.css +++ b/src/ui/styles/status.css @@ -388,13 +388,14 @@ html:not([lang='en']) #global-loading-detail { } /* ── Render failure notice ───────────────────── */ -/* Above the loading screen: a globe that fails while it loads says so too. */ +/* Above the loading screen, so a globe that fails while it loads says so too, + and above floating panels such as the Québec camera viewer (2000). */ #render-failure { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); - z-index: 1001; + z-index: 2001; box-sizing: border-box; width: min(420px, calc(100vw - 32px)); max-height: calc(100vh - 32px); @@ -450,6 +451,12 @@ html:not([lang='en']) #global-loading-detail { padding: 8px 14px; } +@media (pointer: coarse) { + #render-failure .gev-action-button { + min-height: 44px; + } +} + /* ── Toast Notification ──────────────────────── */ #toast { position: fixed;