From c3da630f9700641dd556329db060af44a5b7e566 Mon Sep 17 00:00:00 2001
From: Aran-Fey <rawing7@gmail.com>
Date: Wed, 4 Dec 2024 21:48:47 +0100
Subject: [PATCH] fix connection lost popup positioning

---
 frontend/css/style.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/frontend/css/style.scss b/frontend/css/style.scss
index e4123b06..0d4cfba7 100644
--- a/frontend/css/style.scss
+++ b/frontend/css/style.scss
@@ -386,13 +386,13 @@ select {
     .rio-overlays-container {
         z-index: $z-index-overlay;
 
+        grid-row: 1;
+        grid-column: 1;
+
         overflow: hidden;
     }
 
     &[data-has-dev-tools="true"] > .rio-overlays-container {
-        grid-row: 1;
-        grid-column: 1;
-
         // We don't want overlays to cover the dev tools sidebar, so if the dev
         // tools exist, overlays should only be as large as this container. In
         // order for that to work, this container must be a positioned element.
@@ -430,8 +430,13 @@ select {
     & > .rio-connection-lost-popup-container {
         z-index: $z-index-error-popup;
 
-        grid-row: 1;
-        grid-column: 1 / 3;
+        // Unlike normal overlays/dialogs, the connection lost popup covers
+        // everything, even the dev tools.
+        position: fixed;
+        width: 100vw;
+        height: 100vh;
+        left: 0;
+        top: 0;
     }
 }