From e90ea952bda5b45dabb3c4ba1f35f0b2a719cb37 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Thu, 18 Dec 2025 00:32:19 +0100
Subject: [PATCH] feat: update seasonal styles to use fixed positioning and
 full coverage for better display

---
 Jellyfin.Plugin.Seasonals/Web/christmas.css |  7 ++++++-
 Jellyfin.Plugin.Seasonals/Web/easter.css    | 11 ++++++++---
 Jellyfin.Plugin.Seasonals/Web/fireworks.css |  2 ++
 Jellyfin.Plugin.Seasonals/Web/halloween.css |  7 ++++++-
 Jellyfin.Plugin.Seasonals/Web/hearts.css    |  7 ++++++-
 Jellyfin.Plugin.Seasonals/Web/santa.css     |  2 ++
 Jellyfin.Plugin.Seasonals/Web/snowfall.css  |  2 ++
 Jellyfin.Plugin.Seasonals/Web/snowstorm.css |  5 +++++
 8 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Web/christmas.css b/Jellyfin.Plugin.Seasonals/Web/christmas.css
index 408d031..bc7378a 100644
--- a/Jellyfin.Plugin.Seasonals/Web/christmas.css
+++ b/Jellyfin.Plugin.Seasonals/Web/christmas.css
@@ -1,8 +1,13 @@
 .christmas-container {
   display: block;
+  position: fixed;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   pointer-events: none;
   z-index: 10;
-  overflow: hidden;
 }
 
 .christmas {
diff --git a/Jellyfin.Plugin.Seasonals/Web/easter.css b/Jellyfin.Plugin.Seasonals/Web/easter.css
index f931361..cc0ceb7 100644
--- a/Jellyfin.Plugin.Seasonals/Web/easter.css
+++ b/Jellyfin.Plugin.Seasonals/Web/easter.css
@@ -1,8 +1,13 @@
 .easter-container {
     display: block;
-    pointer-events: none;
-    z-index: 10;
-    overflow: hidden;
+  position: fixed;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
 }
 
 .hopping-rabbit {
diff --git a/Jellyfin.Plugin.Seasonals/Web/fireworks.css b/Jellyfin.Plugin.Seasonals/Web/fireworks.css
index aded202..f84feab 100644
--- a/Jellyfin.Plugin.Seasonals/Web/fireworks.css
+++ b/Jellyfin.Plugin.Seasonals/Web/fireworks.css
@@ -34,6 +34,7 @@
     transform: translateY(0);
     opacity: 1;
   }
+
   100% {
     transform: translateY(calc(var(--trailEndY) - var(--trailStartY)));
     opacity: 0;
@@ -46,6 +47,7 @@
     opacity: 1;
     transform: translate(0, 0);
   }
+
   100% {
     opacity: 0;
     transform: translate(var(--x), var(--y));
diff --git a/Jellyfin.Plugin.Seasonals/Web/halloween.css b/Jellyfin.Plugin.Seasonals/Web/halloween.css
index 48da4c0..d236fe4 100644
--- a/Jellyfin.Plugin.Seasonals/Web/halloween.css
+++ b/Jellyfin.Plugin.Seasonals/Web/halloween.css
@@ -1,8 +1,13 @@
 .halloween-container {
     display: block;
+    position: fixed;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
     pointer-events: none;
     z-index: 10;
-    overflow: hidden;
 }
 
 .halloween {
diff --git a/Jellyfin.Plugin.Seasonals/Web/hearts.css b/Jellyfin.Plugin.Seasonals/Web/hearts.css
index 57e531e..98f7f36 100644
--- a/Jellyfin.Plugin.Seasonals/Web/hearts.css
+++ b/Jellyfin.Plugin.Seasonals/Web/hearts.css
@@ -1,8 +1,13 @@
 .hearts-container {
     display: block;
+    position: fixed;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
     pointer-events: none;
     z-index: 10;
-    overflow: hidden;
 }
 
 .heart {
diff --git a/Jellyfin.Plugin.Seasonals/Web/santa.css b/Jellyfin.Plugin.Seasonals/Web/santa.css
index 2c2711c..0f66fec 100644
--- a/Jellyfin.Plugin.Seasonals/Web/santa.css
+++ b/Jellyfin.Plugin.Seasonals/Web/santa.css
@@ -1,5 +1,7 @@
 .santa-container {
     position: fixed;
+    top: 0;
+    left: 0;
     width: 100%;
     height: 100vh;
     background: transparent;
diff --git a/Jellyfin.Plugin.Seasonals/Web/snowfall.css b/Jellyfin.Plugin.Seasonals/Web/snowfall.css
index 4b013a9..6d38819 100644
--- a/Jellyfin.Plugin.Seasonals/Web/snowfall.css
+++ b/Jellyfin.Plugin.Seasonals/Web/snowfall.css
@@ -5,6 +5,8 @@
     background: transparent;
     overflow: hidden;
     pointer-events: none;
+    top: 0;
+    left: 0;
     z-index: 10;
 }
 
diff --git a/Jellyfin.Plugin.Seasonals/Web/snowstorm.css b/Jellyfin.Plugin.Seasonals/Web/snowstorm.css
index a062a86..9673ed4 100644
--- a/Jellyfin.Plugin.Seasonals/Web/snowstorm.css
+++ b/Jellyfin.Plugin.Seasonals/Web/snowstorm.css
@@ -4,5 +4,10 @@
     border-radius: 50%;
     pointer-events: none;
     opacity: 0.7;
+    overflow: hidden;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
     z-index: 10;
 }
\ No newline at end of file