CodeDevMLH/Jellyfin-Seasonals-Plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Fix z-index for pride container and clean up comments in pride.js
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 42s
Details

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-27 01:35:25 +01:00
parent ef15857533
commit d6a9ff7176
2 changed files with 1 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
Jellyfin.Plugin.Seasonals/Web/pride.css
View File

@@ -5,7 +5,7 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
pointer-events: none; pointer-events: none;
z-index: 9999; z-index: 10;
overflow: hidden; overflow: hidden;
contain: layout paint; contain: layout paint;
} }

8
Jellyfin.Plugin.Seasonals/Web/pride.js
View File

@@ -1,4 +1,3 @@
// 1. Read Configuration
const config = window.SeasonalsPluginConfig?.Pride || {}; const config = window.SeasonalsPluginConfig?.Pride || {};
const enabled = config.EnablePride !== undefined ? config.EnablePride : true; const enabled = config.EnablePride !== undefined ? config.EnablePride : true;
@@ -8,8 +7,6 @@ const colorHeader = config.ColorHeader !== undefined ? config.ColorHeader : true
let msgPrinted = false; 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() { function togglePride() {
const container = document.querySelector('.pride-container'); const container = document.querySelector('.pride-container');
if (!container) return; 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); const observer = new MutationObserver(togglePride);
observer.observe(document.body, { observer.observe(document.body, {
childList: true, childList: true,
@@ -43,8 +38,6 @@ observer.observe(document.body, {
attributes: true attributes: true
}); });
// 4. Element Creation
// Create and append your animated elements to the container.
function createElements() { function createElements() {
const container = document.querySelector('.pride-container') || document.createElement('div'); const container = document.querySelector('.pride-container') || document.createElement('div');
@@ -82,7 +75,6 @@ function createElements() {
} }
} }
// 5. Initialization
function initializePride() { function initializePride() {
if (!enabled) return; if (!enabled) return;
createElements(); createElements();