Fix A/B overlap in landscape using fixed positioning; fix player idle frame to use lastDir
This commit is contained in:
1 parent
b7cb41687b
commit
cb1d750f25
2 files changed
+7
-5
No files matched your search
@@ -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();
|
||||||
|
|||||||
@@ -742,10 +742,12 @@ 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; }
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user