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

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

Browse Source
This commit is contained in:
CodeDevMLH
2025-12-18 00:32:19 +01:00
parent 7216588fef
commit e90ea952bd
8 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
Jellyfin.Plugin.Seasonals/Web/christmas.css
View File

@@ -1,8 +1,13 @@
.christmas-container { .christmas-container {
display: block; display: block;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; pointer-events: none;
z-index: 10; z-index: 10;
overflow: hidden;
} }
.christmas { .christmas {

7
Jellyfin.Plugin.Seasonals/Web/easter.css
View File

@@ -1,8 +1,13 @@
.easter-container { .easter-container {
display: block; display: block;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; pointer-events: none;
z-index: 10; z-index: 10;
overflow: hidden;
} }
.hopping-rabbit { .hopping-rabbit {

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

@@ -34,6 +34,7 @@
transform: translateY(0); transform: translateY(0);
opacity: 1; opacity: 1;
} }
100% { 100% {
transform: translateY(calc(var(--trailEndY) - var(--trailStartY))); transform: translateY(calc(var(--trailEndY) - var(--trailStartY)));
opacity: 0; opacity: 0;
@@ -46,6 +47,7 @@
opacity: 1; opacity: 1;
transform: translate(0, 0); transform: translate(0, 0);
} }
100% { 100% {
opacity: 0; opacity: 0;
transform: translate(var(--x), var(--y)); transform: translate(var(--x), var(--y));

7
Jellyfin.Plugin.Seasonals/Web/halloween.css
View File

@@ -1,8 +1,13 @@
.halloween-container { .halloween-container {
display: block; display: block;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; pointer-events: none;
z-index: 10; z-index: 10;
overflow: hidden;
} }
.halloween { .halloween {

7
Jellyfin.Plugin.Seasonals/Web/hearts.css
View File

@@ -1,8 +1,13 @@
.hearts-container { .hearts-container {
display: block; display: block;
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none; pointer-events: none;
z-index: 10; z-index: 10;
overflow: hidden;
} }
.heart { .heart {

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

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

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

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

5
Jellyfin.Plugin.Seasonals/Web/snowstorm.css
View File

@@ -4,5 +4,10 @@
border-radius: 50%; border-radius: 50%;
pointer-events: none; pointer-events: none;
opacity: 0.7; opacity: 0.7;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10; z-index: 10;
} }