ui: unify jog button sizing across tablet and kiosk

Big jog labels were only set inside the kiosk-mode override block,
which made the 1920x1080 tablet preview look small and inconsistent
with the Pi kiosk. Move the larger sizes to the base .jbtn rule
(font 1.6rem, ico 2.4rem, lbl 1.5rem) and drop the kiosk-mode
.jbtn override so both viewports use the same single source of
truth.
This commit is contained in:
muehe
2026-05-01 14:24:33 +02:00
parent 50839718e2
commit 19e6cc6c93

View File

@@ -1333,12 +1333,16 @@ tt.save
flex-direction column
align-items center
justify-content center
gap 4px
gap 6px
user-select none
-webkit-tap-highlight-color transparent
cursor pointer
font-weight 700
font-size 1.05rem
// Single sizing used by both the 1920x1080 portable touchscreen and
// the Pi 1366x768 kiosk large enough to be readable at arm's
// length on the smaller display, still proportionate on the bigger
// one. No mode-specific override.
font-size 1.6rem
border none
background $jog-bg
color $jog-ink
@@ -1347,13 +1351,13 @@ tt.save
min-width 0
.ico
font-size 1.6rem
font-size 2.4rem
.lbl
font-size 0.8rem
font-size 1.5rem
color inherit
opacity 0.85
font-weight 600
opacity 0.95
font-weight 700
&:hover:not([disabled])
background $jog-hover
@@ -2366,16 +2370,6 @@ html.kiosk-mode
.control-page .jog-grid
gap 6px
.jbtn
border-radius 10px
font-size 0.85rem
.ico
font-size 1.15rem
.lbl
font-size 0.65rem
.control-page .dro-head, .control-page .dro-row
grid-template-columns 56px 1fr 0.85fr 0.85fr 90px 90px 1fr
column-gap 0.4rem
@@ -2387,12 +2381,12 @@ html.kiosk-mode
.control-page .dro-row
font-size 0.95rem
// Smaller axis-action buttons in DRO rows.
// Axis-action buttons in DRO rows (settings/zero/home).
.control-page .dro-row .icon-btn
width 44px
height 44px
font-size 1rem
border-radius 9px
width 56px
height 56px
font-size 1.25rem
border-radius 11px
.control-page .status-strip
grid-template-columns repeat(2, 1fr)