Sysnaptik/mindflux
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile-Fixes: Spiele scrollbar + FinalFlux-Hub Overlap/Menue

Browse Source 
- MindMatch/TechTacular: Boards passten auf dem Handy nicht in 100vh
  (iOS-Adressleiste) und die Seite war auf overflow:hidden gesperrt ->
  untere Felder unerreichbar. Auf <=820px jetzt scrollbar (height:auto,
  overflow-y:auto, 100dvh), Karten via aspect-ratio, Kacheln via min-height.
- FinalFlux-Hub: das generische `main {}` aus der Alt-style.css traf das
  Hub-<main class="finalflux-main"> (display:flex; width:90%; margin:auto)
  und verursachte Overlap + unerreichbares Themen-Menue. In .finalflux-main
  neutralisiert; Shell stapelt auf Mobil als display:block, Sidebar volle Hoehe.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
AliceDarkest
2026-06-29 20:12:10 +02:00
parent b4d71d7d59
commit bbe24c67eb
4 changed files with 34 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/mindmatch.css
+10
View File
@@ -349,3 +349,13 @@ body.mm-body {
.mm-stat { font-size: 0.65rem; padding: 0.3rem 0.55rem; }
.mm-stat b { font-size: 0.95rem; }
}
/* Auf Touch/Handy darf gescrollt werden: das "alles passt ohne Scrollen"-Layout
bricht bei 100vh (iOS-Adressleiste) und vielen Karten -> Brett ragt raus.
Hier: Seite scrollbar, Karten bekommen feste Proportionen (aspect-ratio). */
@media (max-width: 820px) {
body.mm-body { height: auto; min-height: 100vh; min-height: 100dvh; overflow-y: auto; }
.mm-stage { overflow: visible; }
.mm-board { height: auto; grid-auto-rows: auto; }
.mm-card { aspect-ratio: 3 / 4; }
}