Raise the render failure notice above floating panels

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.
This commit is contained in:
German Khokhlov committed 2026-11-11 12:44:08 +04:00
1 parent c763c38193
commit 265074aa54
1 file changed
+9 -2
+9 -2
View File
@@ -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;