feat: update z-index values for seasonal elements to improve layering and visibility

This commit is contained in:
CodeDevMLH
2025-12-18 01:11:29 +01:00
parent 0e37d3a291
commit 912bf7f544
8 changed files with 10 additions and 6 deletions

View File

@@ -12,6 +12,7 @@
.leaf { .leaf {
position: fixed; position: fixed;
z-index: 15;
top: -10%; top: -10%;
font-size: 1em; font-size: 1em;
color: #fff; color: #fff;

View File

@@ -12,7 +12,7 @@
.christmas { .christmas {
position: fixed; position: fixed;
z-index: 10; z-index: 15;
top: -10%; top: -10%;
font-size: 1em; font-size: 1em;
color: #fff; color: #fff;

View File

@@ -12,7 +12,7 @@
.hopping-rabbit { .hopping-rabbit {
position: fixed; position: fixed;
z-index: 10; z-index: 15;
bottom: 10px; bottom: 10px;
width: 70px; width: 70px;
overflow: hidden; overflow: hidden;
@@ -29,7 +29,7 @@
.easter { .easter {
position: fixed; position: fixed;
z-index: 10; z-index: 15;
top: -10%; top: -10%;
font-size: 1em; font-size: 1em;
color: #fff; color: #fff;
@@ -47,6 +47,7 @@
} }
.easter img { .easter img {
z-index: 15;
height: auto; height: auto;
width: 20px; width: 20px;
} }

View File

@@ -13,7 +13,7 @@
.halloween { .halloween {
position: fixed; position: fixed;
bottom: -10%; bottom: -10%;
z-index: 10; z-index: 15;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;

View File

@@ -13,7 +13,7 @@
.heart { .heart {
position: fixed; position: fixed;
bottom: -10%; bottom: -10%;
z-index: 10; z-index: 15;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;

View File

@@ -21,6 +21,7 @@
.santa { .santa {
position: fixed; position: fixed;
z-index: 12;
width: 220px; width: 220px;
height: auto; height: auto;
z-index: 1000; z-index: 1000;

View File

@@ -12,6 +12,7 @@
.snowflake { .snowflake {
position: fixed; position: fixed;
z-index: 15;
top: -10%; top: -10%;
font-size: 1em; font-size: 1em;
color: #fff; color: #fff;

View File

@@ -66,7 +66,7 @@ function initializeCanvas() {
const container = document.querySelector('.snowstorm-container'); const container = document.querySelector('.snowstorm-container');
if (!container) { if (!container) {
console.error('Error: No element with class "snowfall-container" found.'); console.error('Error: No element with class "snowstorm-container" found.');
return; return;
} }