Add mobile touch steppers
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user