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

10c54d49aa6f75d261b11c700c8a4f23bda38229 · 2026-06-22 10:15:39 -0700 · Steve Abrams

This reverts commit 01a7253cf77e365a05a12cb5e1a9acfeb3f74d09.

Files touched

M server.js

Diff

commit 10c54d49aa6f75d261b11c700c8a4f23bda38229
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Mon Jun 22 10:15:39 2026 -0700

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

diff --git a/server.js b/server.js
index afa673b..a1fbc99 100644
--- a/server.js
+++ b/server.js
@@ -8654,10 +8654,9 @@ ${(req.query.source === 'all') ? `
          rendered when ?line=Scenic in URL, now always empty. -->
     ${''}
 
-    <!-- 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">
+    <!-- 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>
       <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;
@@ -8673,16 +8672,12 @@ ${(req.query.source === 'all') ? `
       }).join('')}
     </div>
 
-    </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">
+    <!-- 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>
       <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

← 01a7253 /designs catalog: collapse Hue + Motif filter groups on load · back to Wallco Ai · auto-save: 2026-06-22T10:35:23 (1 files) — data/logs/gate-re 495ac53 →