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;