Rules divide the checkbox stanza only

Between checkboxed rows and nowhere else — no frame above or below
the stanza, none around the control rows.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_015RCWSTnb1KYTPyL4GmhGnF
This commit is contained in:
Eric Wagoner
2026-08-27 15:52:58 -04:00
co-authored by Claude Fable 5
parent 95bfecb206
commit 37d3265c67
+8 -6
View File
@@ -1403,27 +1403,27 @@
<button class="stamp tiny" class:lit={prefs.art === "drawn"} <button class="stamp tiny" class:lit={prefs.art === "drawn"}
onclick={() => setPref("art", "drawn")}>alternate</button> onclick={() => setPref("art", "drawn")}>alternate</button>
</div> </div>
<label class="pref-row"> <label class="pref-row pref-check">
<input type="checkbox" checked={prefs.autoGrab} <input type="checkbox" checked={prefs.autoGrab}
onchange={(e) => setPref("autoGrab", e.currentTarget.checked)} /> onchange={(e) => setPref("autoGrab", e.currentTarget.checked)} />
<span>Ending my turn on a lone treasure picks it up (never on my own home)</span> <span>Ending my turn on a lone treasure picks it up (never on my own home)</span>
</label> </label>
<label class="pref-row"> <label class="pref-row pref-check">
<input type="checkbox" checked={prefs.flourishes} <input type="checkbox" checked={prefs.flourishes}
onchange={(e) => setPref("flourishes", e.currentTarget.checked)} /> onchange={(e) => setPref("flourishes", e.currentTarget.checked)} />
<span>Spell flourishes (the animated effects)</span> <span>Spell flourishes (the animated effects)</span>
</label> </label>
<label class="pref-row"> <label class="pref-row pref-check">
<input type="checkbox" checked={prefs.liveFp} <input type="checkbox" checked={prefs.liveFp}
onchange={(e) => setPref("liveFp", e.currentTarget.checked)} /> onchange={(e) => setPref("liveFp", e.currentTarget.checked)} />
<span>Through your eyes: a first-person pane above the board during play</span> <span>Through your eyes: a first-person pane above the board during play</span>
</label> </label>
<label class="pref-row"> <label class="pref-row pref-check">
<input type="checkbox" checked={prefs.instantReplay} <input type="checkbox" checked={prefs.instantReplay}
onchange={(e) => setPref("instantReplay", e.currentTarget.checked)} /> onchange={(e) => setPref("instantReplay", e.currentTarget.checked)} />
<span>Instant replay: notable chronicle lines offer a 👁 that relives the turn</span> <span>Instant replay: notable chronicle lines offer a 👁 that relives the turn</span>
</label> </label>
<label class="pref-row"> <label class="pref-row pref-check">
<input type="checkbox" checked={prefs.cautions} <input type="checkbox" checked={prefs.cautions}
onchange={(e) => setPref("cautions", e.currentTarget.checked)} /> onchange={(e) => setPref("cautions", e.currentTarget.checked)} />
<span>Ask "are you sure?" before easy-to-regret plays (unspent movement, capped draws, undropped deliveries)</span> <span>Ask "are you sure?" before easy-to-regret plays (unspent movement, capped draws, undropped deliveries)</span>
@@ -2845,8 +2845,10 @@
color: #43331f; color: #43331f;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
border-top: 1.5px solid #6b5a41;
} }
/* Rules divide the checkbox stanza only — never framing it, never
around the control rows. */
.pref-check + .pref-check { border-top: 1.5px solid #6b5a41; }
/* Checkboxes wear the table's own ink: a stamp-bordered box, checked /* Checkboxes wear the table's own ink: a stamp-bordered box, checked
solid with a parchment tick — the native widget never matches the solid with a parchment tick — the native widget never matches the
parchment. */ parchment. */