mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-11 13:52:19 +00:00
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:
1 parent
c763c38193
commit
265074aa54
1 file changed
+9
-2
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user