From 0f51b0054019e876bdac929dc02e1ca7772c4861 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 23 Aug 2022 01:30:17 +0300
Subject: [PATCH 1/3] reduce indexes to be below 9999 so that develop error
 messages appear above

---
 src/App.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index e5bc4c54..ab1a656e 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -5,12 +5,12 @@
   --navbar-height: 3.5rem;
   --post-line-height: 1.4;
   // Z-Index stuff
-  --ZI_media_modal: 90000;
-  --ZI_modals_popovers: 85000;
-  --ZI_modals: 80000;
-  --ZI_navbar_popovers: 75000;
-  --ZI_navbar: 70000;
-  --ZI_popovers: 60000;
+  --ZI_media_modal: 9000;
+  --ZI_modals_popovers: 8500;
+  --ZI_modals: 8000;
+  --ZI_navbar_popovers: 7500;
+  --ZI_navbar: 7000;
+  --ZI_popovers: 6000;
 }
 
 html {

From ef4ea4965327d2e94cd70a56bb9572f00219a29a Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 23 Aug 2022 01:46:59 +0300
Subject: [PATCH 2/3] fix modals not having proper z index

---
 src/App.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/App.scss b/src/App.scss
index ab1a656e..dec187af 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -141,6 +141,11 @@ nav {
   grid-area: sidebar;
 }
 
+#modal {
+  position: absolute;
+  z-index: var(--ZI_modals);
+}
+
 .column.-scrollable {
   top: var(--navbar-height);
   position: sticky;

From 1a24f8b4c155edc3834ce901a167e463c609cf2f Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 23 Aug 2022 01:49:22 +0300
Subject: [PATCH 3/3] fix notices being under the navbar, also change offset to
 use variable

---
 src/components/global_notice_list/global_notice_list.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/global_notice_list/global_notice_list.vue b/src/components/global_notice_list/global_notice_list.vue
index 09904761..d828b819 100644
--- a/src/components/global_notice_list/global_notice_list.vue
+++ b/src/components/global_notice_list/global_notice_list.vue
@@ -29,10 +29,10 @@
 
 .global-notice-list {
   position: fixed;
-  top: 50px;
+  top: calc(var(--navbar-height) + 0.5em);
   width: 100%;
   pointer-events: none;
-  z-index: var(--ZI_popovers);
+  z-index: var(--ZI_navbar_popovers);
   display: flex;
   flex-direction: column;
   align-items: center;