feat: update seasonal styles to use fixed positioning and full coverage for better display

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 {

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 {

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));

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 {

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 {

Jellyfin.Plugin.Seasonals/Web/santa.css

@@ -1,5 +1,7 @@
 .santa-container {
     position: fixed;
+    top: 0;
+    left: 0;
     width: 100%;
     height: 100vh;
     background: transparent;

Jellyfin.Plugin.Seasonals/Web/snowfall.css

@@ -5,6 +5,8 @@
     background: transparent;
     overflow: hidden;
     pointer-events: none;
+    top: 0;
+    left: 0;
     z-index: 10;
 }
 

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;
 }