Fix A/B overlap in landscape using fixed positioning; fix player idle frame to use lastDir

This commit is contained in:
Justin Oros
2026-05-21 09:22:19 -07:00
parent b7cb41687b
commit cb1d750f25
2 changed files with 7 additions and 5 deletions
+1 -1
View File
@@ -554,7 +554,7 @@ class Game {
p.style.left = cx + 'px'; p.style.left = cx + 'px';
p.style.bottom = bot + 'px'; p.style.bottom = bot + 'px';
p.className = 'map-player idle'; p.className = 'map-player idle';
p.style.backgroundPositionX = idleFrames[this.state.pathDir] || '-32px'; p.style.backgroundPositionX = idleFrames[this.state.lastDir] || '-32px';
if (bub) { bub.style.left = (cx - 4) + 'px'; bub.style.bottom = (bot + 66) + 'px'; } if (bub) { bub.style.left = (cx - 4) + 'px'; bub.style.bottom = (bot + 66) + 'px'; }
} }
this._applyCamera(); this._applyCamera();
+5 -3
View File
@@ -743,9 +743,11 @@ html, body {
.gba-controller.hidden { display: none; } .gba-controller.hidden { display: none; }
.dpad { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); } .dpad { width: clamp(72px, 16vh, 100px); height: clamp(72px, 16vh, 100px); }
.ab-cluster { width: 100%; height: 100%; flex: 1; } .ab-cluster { position: static; width: 100%; height: 100%; flex: 1; }
.ab-b { bottom: 0%; left: 0%; top: auto; transform: none; } #gba-right { position: relative; }
.ab-a { top: 0%; right: 0%; transform: none; } #gba-right .ab-btn { position: fixed; }
#gba-right .ab-b { bottom: 8px; left: 8px; top: auto; transform: none; }
#gba-right .ab-a { top: 8px; right: 8px; transform: none; }
.gba-mid-btns { flex-direction: column; gap: 5px; } .gba-mid-btns { flex-direction: column; gap: 5px; }
.gba-mid-btn { min-width: 44px; width: 44px; font-size: 5px; padding: 6px 4px; } .gba-mid-btn { min-width: 44px; width: 44px; font-size: 5px; padding: 6px 4px; }
} }