signature-size: make the mobile grid slider actually resize signatures

b5ebc160d018ddad01b3d1edbb8b265bcc587744 · 2026-09-09 15:25:13 -0700 · Steve

The mobile @media block hardcoded .sig height:96px, overriding the --sig-h
var, so the "Signature size" slider (reachable via the ☰ drawer on phones)
saved the pref but never changed tile size. Use var(--sig-h,96px) so mobile
matches desktop. Verified headless: mobile grid 96px -> 172px.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Files touched

M public/index.html

Diff

commit b5ebc160d018ddad01b3d1edbb8b265bcc587744
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Sep 9 15:25:13 2026 -0700

    signature-size: make the mobile grid slider actually resize signatures
    
    The mobile @media block hardcoded .sig height:96px, overriding the --sig-h
    var, so the "Signature size" slider (reachable via the ☰ drawer on phones)
    saved the pref but never changed tile size. Use var(--sig-h,96px) so mobile
    matches desktop. Verified headless: mobile grid 96px -> 172px.
    
    Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 public/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index ab7a052..4af6518 100644
--- a/public/index.html
+++ b/public/index.html
@@ -200,7 +200,7 @@
     body[data-layout="ledger"] .sig { width:44%; }
     body[data-layout="wall"] .grid { grid-template-columns:repeat(4,1fr) !important; }
     body[data-layout="vitrine"] .grid { grid-template-columns:1fr !important; }
-    .sig { height:96px; padding:10px; }
+    .sig { height:var(--sig-h,96px); padding:10px; }
     .controls { gap:10px 14px; }
     .search input { width:100%; }
     .density { display:none; } /* columns are fixed on phones */

← 5acdc48 wear: on-shirt signature uses the signer's color on light cl · back to CelebritySignatures · wear: buyer-adjustable signature ink + Node-ported color for 08f3529 →