feat: update seasonal effects settings and enhance z-index for better visibility

This commit is contained in:
CodeDevMLH
2025-12-17 22:23:41 +01:00
parent 490a61fc1f
commit 009bd75374
14 changed files with 27 additions and 16 deletions

View File

@@ -16,7 +16,7 @@
<span>Help</span>
</a>
</div>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<br>
<form id="SeasonalsConfigForm">
<div class="checkboxContainer checkboxContainer-withDescription">
@@ -93,7 +93,7 @@
<div class="fieldDescription">Rotate leaves as they fall. Notice: May affect performance</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Snowflakes</summary>
@@ -138,7 +138,7 @@
<div class="fieldDescription">Randomize the falling speed of snowflakes.</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Snowfall</summary>
@@ -165,7 +165,7 @@
<div class="fieldDescription">The speed of the snowfall animation (recommended values: 0 - 5).</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Snowstorm</summary>
@@ -202,7 +202,7 @@
<div class="fieldDescription">Amount of vertical movement variation (recommended values: 1 - 3).</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Fireworks</summary>
@@ -241,7 +241,7 @@
<div class="fieldDescription">Maximum number of concurrent fireworks.</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Halloween</summary>
@@ -279,7 +279,7 @@
<div class="fieldDescription">Randomize the movement speed.</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Hearts</summary>
@@ -317,7 +317,7 @@
<div class="fieldDescription">Randomize the floating speed.</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Christmas</summary>
@@ -355,7 +355,7 @@
<div class="fieldDescription">Randomize the movement speed.</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Santa</summary>
@@ -412,7 +412,7 @@
<div class="fieldDescription">Minimum speed of falling presents.</div>
</div>
</details>
<hr style="max-width: 600px; margin: 1em 0;">
<hr style="max-width: 800px; margin: 1em 0;">
<details>
<summary>Easter</summary>

View File

@@ -1,7 +1,7 @@
.autumn-container {
display: block;
pointer-events: none;
z-index: 0;
z-index: 10;
overflow: hidden;
}

View File

@@ -1,7 +1,7 @@
.christmas-container {
display: block;
pointer-events: none;
z-index: 0;
z-index: 10;
overflow: hidden;
}

View File

@@ -1,7 +1,7 @@
.easter-container {
display: block;
pointer-events: none;
z-index: 0;
z-index: 10;
overflow: hidden;
}

View File

@@ -1,7 +1,7 @@
.halloween-container {
display: block;
pointer-events: none;
z-index: 0;
z-index: 10;
overflow: hidden;
}

View File

@@ -1,7 +1,7 @@
.hearts-container {
display: block;
pointer-events: none;
z-index: 0;
z-index: 10;
overflow: hidden;
}

View File

@@ -5,6 +5,7 @@
background: transparent;
overflow: hidden;
pointer-events: none;
z-index: 10;
}
#snowfallCanvas {

View File

@@ -5,6 +5,7 @@
background: transparent;
overflow: hidden;
pointer-events: none;
z-index: 10;
}
#snowfallCanvas {

View File

@@ -1,7 +1,7 @@
.snowflakes {
display: block;
pointer-events: none;
z-index: 0;
z-index: 10;
overflow: hidden;
}

View File

@@ -4,4 +4,5 @@
border-radius: 50%;
pointer-events: none;
opacity: 0.7;
z-index: 10;
}