Tick size area now collapsible
This commit is contained in:
+1
-1
@@ -15,7 +15,7 @@ spec:
|
|||||||
spec:
|
spec:
|
||||||
containers:
|
containers:
|
||||||
- name: e440-generator
|
- name: e440-generator
|
||||||
image: git.baumann.gr/adebaumann/e440-generator:1.02
|
image: git.baumann.gr/adebaumann/e440-generator:1.03
|
||||||
imagePullPolicy: Always
|
imagePullPolicy: Always
|
||||||
ports:
|
ports:
|
||||||
- containerPort: 5000
|
- containerPort: 5000
|
||||||
|
|||||||
+41
-27
@@ -133,6 +133,17 @@
|
|||||||
|
|
||||||
.field input:focus { border-color: var(--accent); }
|
.field input:focus { border-color: var(--accent); }
|
||||||
|
|
||||||
|
.collapse-summary {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--muted);
|
||||||
|
letter-spacing: 0.025em;
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collapse-summary:hover { color: var(--ink); }
|
||||||
|
|
||||||
/* ── Mode toggle ── */
|
/* ── Mode toggle ── */
|
||||||
.mode-toggle {
|
.mode-toggle {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
@@ -378,36 +389,39 @@ Right</textarea>
|
|||||||
<input name="label_size" type="number" step="any" min="0.5" max="25" value="5.1126" required>
|
<input name="label_size" type="number" step="any" min="0.5" max="25" value="5.1126" required>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row row-2" style="margin-top:1.25rem">
|
<details style="margin-top:1.25rem">
|
||||||
<div class="field">
|
<summary class="collapse-summary">Tick length & thickness</summary>
|
||||||
<label>Major tick length (mm)</label>
|
<div class="row row-2" style="margin-top:0.9rem">
|
||||||
<input name="major_len" type="number" step="any" min="0.1" max="25" value="4.8" required>
|
<div class="field">
|
||||||
|
<label>Major tick length (mm)</label>
|
||||||
|
<input name="major_len" type="number" step="0.1" min="0.1" max="25" value="4.8" required>
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<label>Major tick thickness (mm)</label>
|
||||||
|
<input name="major_w" type="number" step="0.01" min="0.01" max="10" value="0.8" required>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
<div class="row row-2" style="margin-top:1.25rem">
|
||||||
<label>Major tick thickness (mm)</label>
|
<div class="field">
|
||||||
<input name="major_w" type="number" step="any" min="0.01" max="10" value="0.8" required>
|
<label>Middle tick length (mm)</label>
|
||||||
|
<input name="medium_len" type="number" step="0.1" min="0.1" max="25" value="3.1" required>
|
||||||
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<label>Middle tick thickness (mm)</label>
|
||||||
|
<input name="medium_w" type="number" step="0.01" min="0.01" max="10" value="0.38" required>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="row row-2" style="margin-top:1.25rem">
|
||||||
<div class="row row-2" style="margin-top:1.25rem">
|
<div class="field">
|
||||||
<div class="field">
|
<label>Minor tick length (mm)</label>
|
||||||
<label>Middle tick length (mm)</label>
|
<input name="small_len" type="number" step="0.1" min="0.1" max="25" value="1.8" required>
|
||||||
<input name="medium_len" type="number" step="any" min="0.1" max="25" value="3.1" required>
|
</div>
|
||||||
|
<div class="field">
|
||||||
|
<label>Minor tick thickness (mm)</label>
|
||||||
|
<input name="small_w" type="number" step="0.01" min="0.01" max="10" value="0.28" required>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
</details>
|
||||||
<label>Middle tick thickness (mm)</label>
|
|
||||||
<input name="medium_w" type="number" step="any" min="0.01" max="10" value="0.38" required>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row row-2" style="margin-top:1.25rem">
|
|
||||||
<div class="field">
|
|
||||||
<label>Minor tick length (mm)</label>
|
|
||||||
<input name="small_len" type="number" step="any" min="0.1" max="25" value="1.8" required>
|
|
||||||
</div>
|
|
||||||
<div class="field">
|
|
||||||
<label>Minor tick thickness (mm)</label>
|
|
||||||
<input name="small_w" type="number" step="any" min="0.01" max="10" value="0.28" required>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="row row-2" style="margin-top:1.25rem">
|
<div class="row row-2" style="margin-top:1.25rem">
|
||||||
<div class="field">
|
<div class="field">
|
||||||
<label>Font</label>
|
<label>Font</label>
|
||||||
|
|||||||
Reference in New Issue
Block a user