Add mobile touch steppers

This commit is contained in:
Mikei386
2026-06-22 14:48:23 +02:00
parent fb82c16233
commit 7ce97443b1
3 changed files with 96 additions and 4 deletions
+18 -3
View File
@@ -38,7 +38,12 @@
</label>
<label>
Kopien
<input id="mobileCopies" type="number" min="1" max="20" step="1" value="1">
<div class="stepper" data-stepper="mobileCopies">
<button type="button" data-step="-1" aria-label="Kopien verringern">-</button>
<output id="mobileCopiesValue">1</output>
<button type="button" data-step="1" aria-label="Kopien erhoehen">+</button>
<input id="mobileCopies" type="hidden" value="1">
</div>
</label>
</div>
<div id="mobileTapeInfo" class="tape-info" hidden>
@@ -63,11 +68,21 @@
<div class="grid-2">
<label>
Schriftgroesse
<input id="mobileFont" type="number" min="2" max="24" step="0.5" value="6">
<div class="stepper" data-stepper="mobileFont">
<button type="button" data-step="-0.5" aria-label="Schriftgroesse verringern">-</button>
<output id="mobileFontValue">6 mm</output>
<button type="button" data-step="0.5" aria-label="Schriftgroesse erhoehen">+</button>
<input id="mobileFont" type="hidden" value="6">
</div>
</label>
<label>
Innenrand
<input id="mobileMargin" type="number" min="0" max="20" step="0.5" value="2">
<div class="stepper" data-stepper="mobileMargin">
<button type="button" data-step="-0.5" aria-label="Innenrand verringern">-</button>
<output id="mobileMarginValue">2 mm</output>
<button type="button" data-step="0.5" aria-label="Innenrand erhoehen">+</button>
<input id="mobileMargin" type="hidden" value="2">
</div>
</label>
</div>