gurix/Zauberwald
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: sticky continue button at bottom of forest screen

Browse Source 
- Continue button uses position: sticky bottom: 1rem so it stays visible
- Mute button moved higher (bottom: 70px) to avoid overlap
- Forest content remains scrollable

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
gurix
2026-03-29 20:58:38 +02:00
co-authored by Claude Opus 4.6
parent 8af1b61f4a
commit 486869b99b
1 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/main.css
+5 -1
View File
@@ -251,6 +251,8 @@ h3 {
} }
.forest__continue-btn { .forest__continue-btn {
position: sticky;
bottom: 1rem;
padding: 1rem 3rem; padding: 1rem 3rem;
border-radius: 12px; border-radius: 12px;
background: var(--accent-green); background: var(--accent-green);
@@ -261,6 +263,8 @@ h3 {
font-size: 1.3rem; font-size: 1.3rem;
cursor: pointer; cursor: pointer;
transition: transform 0.2s ease; transition: transform 0.2s ease;
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
z-index: 10;
} }
.forest__continue-btn:hover { .forest__continue-btn:hover {
@@ -979,7 +983,7 @@ h3 {
/* Mute button — fixed position, always accessible */ /* Mute button — fixed position, always accessible */
.mute-btn { .mute-btn {
position: fixed; position: fixed;
bottom: 16px; bottom: 70px;
right: 16px; right: 16px;
z-index: 100; z-index: 100;
width: 44px; width: 44px;