Tick size area now collapsible

This commit is contained in:
2026-07-31 15:05:50 +02:00
parent c549b1724a
commit 1ba3e35f5a
2 changed files with 42 additions and 28 deletions
+1 -1
View File
@@ -15,7 +15,7 @@ spec:
spec:
containers:
- name: e440-generator
image: git.baumann.gr/adebaumann/e440-generator:1.02
image: git.baumann.gr/adebaumann/e440-generator:1.03
imagePullPolicy: Always
ports:
- containerPort: 5000
+41 -27
View File
@@ -133,6 +133,17 @@
.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 {
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>
</div>
</div>
<div class="row row-2" style="margin-top:1.25rem">
<div class="field">
<label>Major tick length (mm)</label>
<input name="major_len" type="number" step="any" min="0.1" max="25" value="4.8" required>
<details style="margin-top:1.25rem">
<summary class="collapse-summary">Tick length &amp; thickness</summary>
<div class="row row-2" style="margin-top:0.9rem">
<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 class="field">
<label>Major tick thickness (mm)</label>
<input name="major_w" type="number" step="any" min="0.01" max="10" value="0.8" required>
<div class="row row-2" style="margin-top:1.25rem">
<div class="field">
<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 class="row row-2" style="margin-top:1.25rem">
<div class="field">
<label>Middle tick length (mm)</label>
<input name="medium_len" type="number" step="any" min="0.1" max="25" value="3.1" required>
<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="0.1" 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="0.01" min="0.01" max="10" value="0.28" required>
</div>
</div>
<div class="field">
<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>
</details>
<div class="row row-2" style="margin-top:1.25rem">
<div class="field">
<label>Font</label>