feat: update z-index values for seasonal elements to improve layering and visibility
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user