From d6a9ff7176ca722c388f23459c52a1980fae3e2d Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Fri, 27 Feb 2026 01:35:25 +0100
Subject: [PATCH] Fix z-index for pride container and clean up comments in
 pride.js

---
 Jellyfin.Plugin.Seasonals/Web/pride.css | 2 +-
 Jellyfin.Plugin.Seasonals/Web/pride.js  | 8 --------
 2 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Web/pride.css b/Jellyfin.Plugin.Seasonals/Web/pride.css
index 557790c..f746fd6 100644
--- a/Jellyfin.Plugin.Seasonals/Web/pride.css
+++ b/Jellyfin.Plugin.Seasonals/Web/pride.css
@@ -5,7 +5,7 @@
     width: 100vw;
     height: 100vh;
     pointer-events: none;
-    z-index: 9999;
+    z-index: 10;
     overflow: hidden;
     contain: layout paint;
 }
diff --git a/Jellyfin.Plugin.Seasonals/Web/pride.js b/Jellyfin.Plugin.Seasonals/Web/pride.js
index 5f6e295..7915cb1 100644
--- a/Jellyfin.Plugin.Seasonals/Web/pride.js
+++ b/Jellyfin.Plugin.Seasonals/Web/pride.js
@@ -1,4 +1,3 @@
-// 1. Read Configuration
 const config = window.SeasonalsPluginConfig?.Pride || {};
 
 const enabled = config.EnablePride !== undefined ? config.EnablePride : true;
@@ -8,8 +7,6 @@ const colorHeader = config.ColorHeader !== undefined ? config.ColorHeader : true
 
 let msgPrinted = false;
 
-// 2. Toggle Function
-// Hides the effect when a video player, trailer (in full width mode), dashboard, or user menu is active.
 function togglePride() {
   const container = document.querySelector('.pride-container');
   if (!container) return;
@@ -34,8 +31,6 @@ function togglePride() {
   }
 }
 
-// 3. MutationObserver
-// Watches the DOM for changes so the effect can auto-hide/show.
 const observer = new MutationObserver(togglePride);
 observer.observe(document.body, {
   childList: true,
@@ -43,8 +38,6 @@ observer.observe(document.body, {
   attributes: true
 });
 
-// 4. Element Creation
-// Create and append your animated elements to the container.
 function createElements() {
   const container = document.querySelector('.pride-container') || document.createElement('div');
 
@@ -82,7 +75,6 @@ function createElements() {
   }
 }
 
-// 5. Initialization
 function initializePride() {
   if (!enabled) return;
   createElements();