hansdezwart/bgclock
1
0
Fork 0
Code Issues Actions Releases Activity

Add a 3m / 12s preset between the other two

Browse Source 
Three buttons left 84.7px each at a 320px viewport against 81.2px of
intrinsic content, so the horizontal padding drops to 6px and the label is
nowrap — about 11px of slack instead of 3.5px.

paintPresets() needed no change: it reads .preset from the DOM and matches
on both base and delay, which the new preset makes load-bearing since two
now share a delay and two share a base. Stepping the delay down from
3m / 15s correctly lights 3m / 12s rather than staying dark.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
hansdezwart
2026-08-11 11:46:53 +02:00
co-authored by Claude Opus 5
parent f68a88f3e8
commit 0274e10d4c
2 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public_html/README.md
+4 -3
View File
@@ -46,9 +46,10 @@ normally restarted — use pause and reset for those.
## Settings ## Settings
At the top of the sheet are two presets — **2m / 12s** and **3m / 15s**. Tapping At the top of the sheet are three presets — **2m / 12s**, **3m / 12s** and
one jumps both timers there and lights it up. Change the time or delay by hand **3m / 15s**. Tapping one jumps both timers there and lights it up. Change the
and the highlight goes out; land back on a preset's numbers and it comes back on. time or delay by hand and the highlight goes out; land back on a preset's
numbers and it comes back on.
| Setting | Range | Default | | Setting | Range | Default |
| --- | --- | --- | | --- | --- | --- |
public_html/index.html
+3 -2
View File
@@ -213,11 +213,11 @@
.row--presets{gap:11px} .row--presets{gap:11px}
.preset{ .preset{
flex:1; flex:1;
padding:13px 10px; padding:13px 6px;
border-radius:11px;border:1px solid var(--sheet-line); border-radius:11px;border:1px solid var(--sheet-line);
background:#2C2A28;color:var(--sheet-ink); background:#2C2A28;color:var(--sheet-ink);
font-family:var(--ui);font-size:15px;font-weight:700; font-family:var(--ui);font-size:15px;font-weight:700;
letter-spacing:.01em; letter-spacing:.01em;white-space:nowrap;
cursor:pointer; cursor:pointer;
transition:background-color .16s ease,color .16s ease; transition:background-color .16s ease,color .16s ease;
} }
@@ -357,6 +357,7 @@
<div class="row row--presets"> <div class="row row--presets">
<button class="preset" data-base="120000" data-preset-delay="12000" aria-pressed="false">2m / 12s</button> <button class="preset" data-base="120000" data-preset-delay="12000" aria-pressed="false">2m / 12s</button>
<button class="preset" data-base="180000" data-preset-delay="12000" aria-pressed="false">3m / 12s</button>
<button class="preset" data-base="180000" data-preset-delay="15000" aria-pressed="false">3m / 15s</button> <button class="preset" data-base="180000" data-preset-delay="15000" aria-pressed="false">3m / 15s</button>
</div> </div>