cards: hover reveal = pattern name + model# only; chip gap 6->14px (Steve)

c958b7c685dccdc4f5571e6ea884d9855312d829 · 2026-06-30 15:47:31 -0700 · Steve

Files touched

M template/public/index.html

Diff

commit c958b7c685dccdc4f5571e6ea884d9855312d829
Author: Steve <steve@designerwallcoverings.com>
Date:   Tue Jun 30 15:47:31 2026 -0700

    cards: hover reveal = pattern name + model# only; chip gap 6->14px (Steve)
---
 template/public/index.html | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/template/public/index.html b/template/public/index.html
index ce0d82b..f6159c6 100644
--- a/template/public/index.html
+++ b/template/public/index.html
@@ -42,7 +42,7 @@
   aside h3{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:18px 0 8px}
   aside h3:first-child{margin-top:0}
   /* facet CHIPS (toggle, multi-select) */
-  .chips{display:flex;flex-wrap:wrap;gap:6px}
+  .chips{display:flex;flex-wrap:wrap;gap:14px}
   .chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:4px 10px;font-size:12.5px;cursor:pointer;user-select:none}
   .chip .cc{color:var(--muted);font-size:10.5px}
   .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}
@@ -231,8 +231,7 @@ function card(row){
       <div class="reveal">
         ${lineBadge}
         <div class="ptitle">${esc(row.pattern_name)}</div>
-        <div class="rmeta">${esc(row.color_name||'—')}${row.family?' · '+esc(row.family):''}</div>
-        ${row.collection?`<div class="rmeta">${esc(row.collection)}</div>`:''}
+        ${row.mfr_sku?`<div class="rmeta">${esc(row.mfr_sku)}</div>`:''}
         <button class="reqbtn ${inCart(row.sku)?'in':''}" data-sku="${esc(row.sku)}">${inCart(row.sku)?'✓ In sample request':'Request Sample'}</button>
       </div>
     </div>`;

← 3f21b33 auto-save: 2026-06-30T15:41:34 (1 files) — manifest.json · back to Dw Vendor Microsites · auto-save: 2026-06-30T16:11:45 (1 files) — manifest.json b9cef76 →