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:
@@ -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)
|
||||
|
||||
Reference in New Issue
Block a user