/designs catalog: collapse Hue + Motif filter groups on load (wrapped in default-closed <details>; auto-open when that filter is active)

01a7253cf77e365a05a12cb5e1a9acfeb3f74d09 · 2026-06-22 09:46:09 -0700 · Steve Abrams
Files touched

M server.js
Diff

commit 01a7253cf77e365a05a12cb5e1a9acfeb3f74d09
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 09:46:09 2026 -0700

    /designs catalog: collapse Hue + Motif filter groups on load (wrapped in default-closed <details>; auto-open when that filter is active)
---
 server.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/server.js b/server.js
index a1fbc99..afa673b 100644
--- a/server.js
+++ b/server.js
@@ -8654,9 +8654,10 @@ ${(req.query.source === 'all') ? `
          rendered when ?line=Scenic in URL, now always empty. -->
     ${''}
 
-    <!-- Color-wheel hue swatches -->
-    <div class="hue-swatches" style="display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 4px;align-items:center">
-      <span style="font:11px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-right:6px">Hue</span>
+    <!-- Color-wheel hue swatches (collapsed on load — Steve 2026-06-22; auto-open when a hue filter is active) -->
+    <details class="hue-collapse"${hueQ ? ' open' : ''} style="margin:18px 0 4px">
+      <summary style="font:11px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-right:6px;cursor:pointer;list-style:none;padding:2px 0">Hue</summary>
+    <div class="hue-swatches" style="display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px;align-items:center">
       <a href="/designs${cat ? '?cat='+encodeURIComponent(cat) : ''}${motifQ ? (cat?'&':'?')+'motif='+encodeURIComponent(motifQ) : ''}" class="hue-chip${!hueQ?' is-on':''}" style="font:11px var(--sans);padding:5px 11px;border:1px solid ${!hueQ?'var(--accent)':'var(--line)'};background:${!hueQ?'var(--accent)':'transparent'};color:${!hueQ?'var(--bg)':'var(--ink-soft)'};border-radius:999px;text-decoration:none">All</a>
       ${HUE_DEFS.filter(([k]) => (hueCounts[k]||0) > 0).map(([k,hex]) => {
         const on = hueQ === k;
@@ -8672,12 +8673,16 @@ ${(req.query.source === 'all') ? `
       }).join('')}
     </div>
 
-    <!-- Motif chips (one-click filter) -->
-    <div class="motif-chips" style="display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 6px;align-items:center">
-      <span style="font:11px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-right:6px">Motif</span>
+    </details>
+
+    <!-- Motif chips (one-click filter, collapsed on load — Steve 2026-06-22; auto-open when a motif filter is active) -->
+    <details class="motif-collapse"${motifQ ? ' open' : ''} style="margin:14px 0 6px">
+      <summary style="font:11px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin-right:6px;cursor:pointer;list-style:none;padding:2px 0">Motif</summary>
+    <div class="motif-chips" style="display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 6px;align-items:center">
       <a href="/designs${cat ? '?cat='+encodeURIComponent(cat) : ''}" class="motif-chip${!motifQ?' is-on':''}" style="font:11px var(--sans);padding:5px 12px;border:1px solid ${!motifQ?'var(--accent)':'var(--line)'};background:${!motifQ?'var(--accent)':'transparent'};color:${!motifQ?'var(--bg)':'var(--ink-soft)'};border-radius:999px;text-decoration:none">All</a>
       ${topMotifs.map(([m,n]) => `<a href="/designs?${cat?'cat='+encodeURIComponent(cat)+'&':''}motif=${encodeURIComponent(m)}" class="motif-chip${motifQ===m?' is-on':''}" style="font:11px var(--sans);padding:5px 12px;border:1px solid ${motifQ===m?'var(--accent)':'var(--line)'};background:${motifQ===m?'var(--accent)':'transparent'};color:${motifQ===m?'var(--bg)':'var(--ink-soft)'};border-radius:999px;text-decoration:none">${m}</a>`).join('')}
     </div>
+    </details>
 
     <!-- Room-preview filter chips. "Any room" = binary (any mockup) — keeps
          the original behavior. The 4 specific chips narrow to designs with
← 8faeb9b auto-save: 2026-06-22T09:04:52 (1 files) — data/logs/gate-re · back to Wallco Ai · Revert "/designs catalog: collapse Hue + Motif filter groups 10c54d4 →