From 41b2b8fba645f86c61ec7cd2373f8a7d07d1b5e7 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Tue, 7 Oct 2025 08:52:17 -0400
Subject: [PATCH] Ensure modal stack stays above sidebar

---
 .../iframe_forms/iframe-application-form.html |  2 +-
 .../iframe_forms/iframe-bug-fix-form.html     |  2 +-
 .../iframe-content-appeals-form.html          |  2 +-
 .../iframe_forms/iframe-feedback-form.html    |  2 +-
 .../iframe_forms/iframe-request-form.html     |  2 +-
 config/asset-version.js                       |  2 +-
 css/style.css                                 | 13 +++++----
 index.html                                    | 28 +++++++++----------
 8 files changed, 27 insertions(+), 26 deletions(-)

diff --git a/components/iframe_forms/iframe-application-form.html b/components/iframe_forms/iframe-application-form.html
index 98e60ff9..b08f2221 100644
--- a/components/iframe_forms/iframe-application-form.html
+++ b/components/iframe_forms/iframe-application-form.html
@@ -5,7 +5,7 @@
     <title>bitvid Whitelist Application Form</title>
     <!-- Link to your main stylesheet -->
 
-    <link rel="stylesheet" href="../../css/style.css?v=2024.10.24" />
+    <link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
 
     <style>
       /* Override for form page to match modal field styling */
diff --git a/components/iframe_forms/iframe-bug-fix-form.html b/components/iframe_forms/iframe-bug-fix-form.html
index df440550..04ba2552 100644
--- a/components/iframe_forms/iframe-bug-fix-form.html
+++ b/components/iframe_forms/iframe-bug-fix-form.html
@@ -5,7 +5,7 @@
     <title>bitvid Bug Report Form</title>
     <!-- Link to your main stylesheet -->
 
-    <link rel="stylesheet" href="../../css/style.css?v=2024.10.24" />
+    <link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
 
     <style>
       /* Override for form page to match modal field styling */
diff --git a/components/iframe_forms/iframe-content-appeals-form.html b/components/iframe_forms/iframe-content-appeals-form.html
index 34ee6f8b..8ebe7077 100644
--- a/components/iframe_forms/iframe-content-appeals-form.html
+++ b/components/iframe_forms/iframe-content-appeals-form.html
@@ -5,7 +5,7 @@
     <title>bitvid Content Appeals Form</title>
     <!-- Link to your main stylesheet -->
 
-    <link rel="stylesheet" href="../../css/style.css?v=2024.10.24" />
+    <link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
 
     <style>
       /* Override for form page to match modal field styling */
diff --git a/components/iframe_forms/iframe-feedback-form.html b/components/iframe_forms/iframe-feedback-form.html
index 5b9f1271..c0e14625 100644
--- a/components/iframe_forms/iframe-feedback-form.html
+++ b/components/iframe_forms/iframe-feedback-form.html
@@ -5,7 +5,7 @@
     <title>bitvid General Feedback Form</title>
     <!-- Link to your main stylesheet -->
 
-    <link rel="stylesheet" href="../../css/style.css?v=2024.10.24" />
+    <link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
 
     <style>
       /* Override for form page to match modal field styling */
diff --git a/components/iframe_forms/iframe-request-form.html b/components/iframe_forms/iframe-request-form.html
index 469fb34e..efa83470 100644
--- a/components/iframe_forms/iframe-request-form.html
+++ b/components/iframe_forms/iframe-request-form.html
@@ -4,7 +4,7 @@
     <meta charset="utf-8" />
     <title>bitvid Feature Request Form</title>
     <!-- Link to your main stylesheet -->
-    <link rel="stylesheet" href="../../css/style.css?v=2024.10.24" />
+    <link rel="stylesheet" href="../../css/style.css?v=2024.10.29" />
     <style>
       /* Override for form page to match modal field styling */
 
diff --git a/config/asset-version.js b/config/asset-version.js
index 89783825..a8e5cb8c 100644
--- a/config/asset-version.js
+++ b/config/asset-version.js
@@ -1 +1 @@
-export const ASSET_VERSION = "2024.10.24";
+export const ASSET_VERSION = "2024.10.29";
diff --git a/css/style.css b/css/style.css
index b8c0efad..5486e43a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -23,12 +23,12 @@
   --scrollbar-thumb: rgba(255, 255, 255, 0.3);
   --scrollbar-thumb-hover: rgba(255, 255, 255, 0.4);
   /* Sidebar stack must remain below modal overlays. */
-  --z-sidebar: 30;
-  --z-sidebar-overlay: 20;
-  --z-modal-root: 80;
-  --z-modal-overlay: 70;
-  --z-modal-content: 90;
-  --z-modal-player: 120;
+  --z-sidebar-overlay: 10;
+  --z-sidebar: 20;
+  --z-modal-root: 100;
+  --z-modal-overlay: 110;
+  --z-modal-content: 120;
+  --z-modal-player: 130;
   --sidebar-width-expanded: 16rem;
   --sidebar-width-collapsed: 4rem;
   --sidebar-width: var(--sidebar-width-expanded);
@@ -546,6 +546,7 @@ header img {
   inset: 0;
   z-index: var(--z-modal-root);
   pointer-events: none;
+  isolation: isolate;
 }
 
 #modalContainer > * {
diff --git a/index.html b/index.html
index 5c83b47e..af6af67e 100644
--- a/index.html
+++ b/index.html
@@ -50,10 +50,10 @@
       so browsers pick up the latest sidebar markup and styling without
       hard-refreshing around CDN caches.
     -->
-    <script src="js/tracking.js?v=2024.10.24" defer></script>
-    <link href="css/tailwind.generated.css?v=2024.10.24" rel="stylesheet" />
-    <link href="css/style.css?v=2024.10.24" rel="stylesheet" />
-    <link href="css/markdown.css?v=2024.10.24" rel="stylesheet" />
+    <script src="js/tracking.js?v=2024.10.29" defer></script>
+    <link href="css/tailwind.generated.css?v=2024.10.29" rel="stylesheet" />
+    <link href="css/style.css?v=2024.10.29" rel="stylesheet" />
+    <link href="css/markdown.css?v=2024.10.29" rel="stylesheet" />
   </head>
   <body class="sidebar-collapsed">
     <!--
@@ -215,16 +215,16 @@
 
     <!-- Additional Scripts -->
     <!-- Bootstraps nostr-tools before other modules rely on nostrToolsReady -->
-      <script type="module" src="js/nostrToolsBootstrap.js?v=2024.10.24"></script>
-      <script type="module" src="js/config.js?v=2024.10.24"></script>
-      <script type="module" src="js/lists.js?v=2024.10.24"></script>
-      <script type="module" src="js/accessControl.js?v=2024.10.24"></script>
-      <script type="module" src="js/webtorrent.js?v=2024.10.24"></script>
-      <script type="module" src="js/nostr.js?v=2024.10.24"></script>
-    <script type="module" src="js/viewManager.js?v=2024.10.24"></script>
-    <script type="module" src="js/bootstrap.js?v=2024.10.24"></script>
-    <script type="module" src="js/disclaimer.js?v=2024.10.24"></script>
-    <script type="module" src="js/index.js?v=2024.10.24"></script>
+      <script type="module" src="js/nostrToolsBootstrap.js?v=2024.10.29"></script>
+      <script type="module" src="js/config.js?v=2024.10.29"></script>
+      <script type="module" src="js/lists.js?v=2024.10.29"></script>
+      <script type="module" src="js/accessControl.js?v=2024.10.29"></script>
+      <script type="module" src="js/webtorrent.js?v=2024.10.29"></script>
+      <script type="module" src="js/nostr.js?v=2024.10.29"></script>
+    <script type="module" src="js/viewManager.js?v=2024.10.29"></script>
+    <script type="module" src="js/bootstrap.js?v=2024.10.29"></script>
+    <script type="module" src="js/disclaimer.js?v=2024.10.29"></script>
+    <script type="module" src="js/index.js?v=2024.10.29"></script>
     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
   </body>