From f832695a6afdf42c0ad660f6741bd2f979d65552 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Tue, 30 Sep 2025 08:59:18 -0400
Subject: [PATCH] Ensure notifications appear above modals
---
css/style.css | 21 +++++++++++++++++++++
index.html | 44 ++++++++++++++++++++++++++------------------
2 files changed, 47 insertions(+), 18 deletions(-)
diff --git a/css/style.css b/css/style.css
index ed102a28..27da150e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -819,6 +819,27 @@ button:not(.icon-button):focus {
}
/* Notifications */
+#notificationPortal {
+ position: fixed;
+ top: calc(env(safe-area-inset-top, 0px) + 1.5rem);
+ left: 50%;
+ transform: translateX(-50%);
+ z-index: 100;
+ width: min(90vw, 32rem);
+ display: flex;
+ flex-direction: column;
+ gap: 0.75rem;
+ pointer-events: none;
+}
+
+#notificationPortal > * {
+ width: 100%;
+ margin-bottom: 0;
+ pointer-events: auto;
+ border-radius: 0.75rem;
+ box-shadow: 0 1.25rem 3rem rgba(15, 23, 42, 0.3);
+}
+
/* Base styling without a forced display */
#errorContainer,
#successContainer {
diff --git a/index.html b/index.html
index 71f4fe5c..2f8841ae 100644
--- a/index.html
+++ b/index.html
@@ -149,28 +149,36 @@
-
+
-
-
-
-
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+