Skip to content

Commit 692f9c1

Browse files
tsemachhclaude
tsemachh
and
claude
committed
Move AF toggle under the fire button (bottom-right corner)
TILT and START slide down into the freed slots. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
1 parent 38ec507 commit 692f9c1

2 files changed

Lines changed: 16 additions & 16 deletions

File tree

‎emu/index.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -7587,11 +7587,11 @@ <h2 id="fw-title">Download standard Atari ROMs?</h2>
75877587
#arcade-fs-menu { right: calc(env(safe-area-inset-right, 0px) + 10px); }
75887588
#arcade-bar-show { right: calc(env(safe-area-inset-right, 0px) + 66px); font-size: 26px; }
75897589

7590-
/* Auto-fire toggle sits low on the right, above the on-canvas fire
7591-
zone — styled after the CX40 joystick's red dome button. */
7590+
/* Auto-fire toggle tucked in the corner UNDER the on-canvas fire
7591+
button — styled after the CX40 joystick's red dome button. */
75927592
#arcade-af {
75937593
top: auto;
7594-
bottom: calc(env(safe-area-inset-bottom, 0px) + 150px);
7594+
bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
75957595
right: calc(env(safe-area-inset-right, 0px) + 10px);
75967596
font-size: 13px; font-weight: 800;
75977597
font-family: ui-sans-serif, system-ui, sans-serif;
@@ -7617,7 +7617,7 @@ <h2 id="fw-title">Download standard Atari ROMs?</h2>
76177617
/* Tilt-steering toggle, stacked above the AF button. */
76187618
#arcade-tilt {
76197619
top: auto;
7620-
bottom: calc(env(safe-area-inset-bottom, 0px) + 210px);
7620+
bottom: calc(env(safe-area-inset-bottom, 0px) + 150px);
76217621
right: calc(env(safe-area-inset-right, 0px) + 10px);
76227622
font-size: 11px; font-weight: 800;
76237623
font-family: ui-sans-serif, system-ui, sans-serif;
@@ -7635,7 +7635,7 @@ <h2 id="fw-title">Download standard Atari ROMs?</h2>
76357635
always-visible spot in the right-side stack. */
76367636
#arcade-start {
76377637
top: auto;
7638-
bottom: calc(env(safe-area-inset-bottom, 0px) + 270px);
7638+
bottom: calc(env(safe-area-inset-bottom, 0px) + 210px);
76397639
right: calc(env(safe-area-inset-right, 0px) + 10px);
76407640
font-size: 10px; font-weight: 800;
76417641
font-family: ui-sans-serif, system-ui, sans-serif;
@@ -7654,9 +7654,9 @@ <h2 id="fw-title">Download standard Atari ROMs?</h2>
76547654
and AF stays above the on-canvas fire zone. */
76557655
@media (max-height: 480px) {
76567656
.arcade-fab { width: 40px; height: 40px; }
7657-
#arcade-af { bottom: calc(env(safe-area-inset-bottom, 0px) + 108px); font-size: 12px; }
7658-
#arcade-tilt { bottom: calc(env(safe-area-inset-bottom, 0px) + 156px); font-size: 10px; }
7659-
#arcade-start { bottom: calc(env(safe-area-inset-bottom, 0px) + 204px); font-size: 9px; }
7657+
#arcade-af { bottom: calc(env(safe-area-inset-bottom, 0px) + 6px); font-size: 12px; }
7658+
#arcade-tilt { bottom: calc(env(safe-area-inset-bottom, 0px) + 108px); font-size: 10px; }
7659+
#arcade-start { bottom: calc(env(safe-area-inset-bottom, 0px) + 156px); font-size: 9px; }
76607660
}
76617661

76627662
/* Compact console-keys row (replaces the desktop bar for play). */

‎scripts/emu-autofullscreen.snippet.html‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -31,11 +31,11 @@
3131
#arcade-fs-menu { right: calc(env(safe-area-inset-right, 0px) + 10px); }
3232
#arcade-bar-show { right: calc(env(safe-area-inset-right, 0px) + 66px); font-size: 26px; }
3333

34-
/* Auto-fire toggle sits low on the right, above the on-canvas fire
35-
zone — styled after the CX40 joystick's red dome button. */
34+
/* Auto-fire toggle tucked in the corner UNDER the on-canvas fire
35+
button — styled after the CX40 joystick's red dome button. */
3636
#arcade-af {
3737
top: auto;
38-
bottom: calc(env(safe-area-inset-bottom, 0px) + 150px);
38+
bottom: calc(env(safe-area-inset-bottom, 0px) + 8px);
3939
right: calc(env(safe-area-inset-right, 0px) + 10px);
4040
font-size: 13px; font-weight: 800;
4141
font-family: ui-sans-serif, system-ui, sans-serif;
@@ -61,7 +61,7 @@
6161
/* Tilt-steering toggle, stacked above the AF button. */
6262
#arcade-tilt {
6363
top: auto;
64-
bottom: calc(env(safe-area-inset-bottom, 0px) + 210px);
64+
bottom: calc(env(safe-area-inset-bottom, 0px) + 150px);
6565
right: calc(env(safe-area-inset-right, 0px) + 10px);
6666
font-size: 11px; font-weight: 800;
6767
font-family: ui-sans-serif, system-ui, sans-serif;
@@ -79,7 +79,7 @@
7979
always-visible spot in the right-side stack. */
8080
#arcade-start {
8181
top: auto;
82-
bottom: calc(env(safe-area-inset-bottom, 0px) + 270px);
82+
bottom: calc(env(safe-area-inset-bottom, 0px) + 210px);
8383
right: calc(env(safe-area-inset-right, 0px) + 10px);
8484
font-size: 10px; font-weight: 800;
8585
font-family: ui-sans-serif, system-ui, sans-serif;
@@ -98,9 +98,9 @@
9898
and AF stays above the on-canvas fire zone. */
9999
@media (max-height: 480px) {
100100
.arcade-fab { width: 40px; height: 40px; }
101-
#arcade-af { bottom: calc(env(safe-area-inset-bottom, 0px) + 108px); font-size: 12px; }
102-
#arcade-tilt { bottom: calc(env(safe-area-inset-bottom, 0px) + 156px); font-size: 10px; }
103-
#arcade-start { bottom: calc(env(safe-area-inset-bottom, 0px) + 204px); font-size: 9px; }
101+
#arcade-af { bottom: calc(env(safe-area-inset-bottom, 0px) + 6px); font-size: 12px; }
102+
#arcade-tilt { bottom: calc(env(safe-area-inset-bottom, 0px) + 108px); font-size: 10px; }
103+
#arcade-start { bottom: calc(env(safe-area-inset-bottom, 0px) + 156px); font-size: 9px; }
104104
}
105105

106106
/* Compact console-keys row (replaces the desktop bar for play). */

0 commit comments

Comments
 (0)