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

feat(05-01): add forest navigation DOM elements and CSS styling

Browse Source 
- Add forest__nav container with prev/next buttons and page indicator in index.html
- Navigation placed between forest scene and level map, hidden by default
- Add .forest__nav, .forest__nav-btn, .forest__nav-text CSS classes
- 44px minimum touch targets on nav buttons, pastel BEM styling
- Buttons use Quicksand font matching app design language
This commit is contained in:
gurix
2026-03-29 22:58:37 +02:00
parent 559d57a013
commit 348a71aa59
2 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+5
View File
@@ -61,6 +61,11 @@
<div class="forest__grid" id="forest-grid">
</div>
</div>
<div class="forest__nav" id="forest-nav" style="display:none">
<button class="forest__nav-btn forest__nav-btn--prev" id="forest-nav-prev" aria-label="Vorheriger Wald">&#x276E;</button>
<span class="forest__nav-text" id="forest-nav-text">Wald 1 von 1</span>
<button class="forest__nav-btn forest__nav-btn--next" id="forest-nav-next" aria-label="Nächster Wald">&#x276F;</button>
</div>
<div class="forest__level-map" id="level-map">
<!-- Level cards rendered dynamically -->
</div>