dw-collections-viewer: gold ↕<sort> pill on tiles when persisted sort != default 'textures'; surfaces last_sort_applied at a glance

deda82ffa14ed56c17f588360713f15aa769519f · 2026-05-07 08:59:43 -0700 · Steve

Files touched

M public/index.html

Diff

commit deda82ffa14ed56c17f588360713f15aa769519f
Author: Steve <steve@designerwallcoverings.com>
Date:   Thu May 7 08:59:43 2026 -0700

    dw-collections-viewer: gold ↕<sort> pill on tiles when persisted sort != default 'textures'; surfaces last_sort_applied at a glance
---
 public/index.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index ecdc7be..3146e69 100644
--- a/public/index.html
+++ b/public/index.html
@@ -52,6 +52,10 @@ main { flex: 1; display: grid; grid-template-columns: 1fr 480px; min-height: 0 }
   color: #c66c4d; border: 1px solid #c66c4d; background: rgba(198,108,77,0.10);
   font-weight: 500; cursor: help;
 }
+.card .stats .pill.pill-sort {
+  color: var(--gold); border: 1px solid var(--gold); background: rgba(212,160,74,0.08);
+  font-weight: 500; cursor: help; letter-spacing: 0.04em;
+}
 
 aside { border-left: 1px solid var(--rule); background: var(--bg2);
   display: flex; flex-direction: column; min-height: 0 }
@@ -352,7 +356,7 @@ function renderGrid() {
         </div>
         <div class="info">
           <div class="name">${esc(slug)}${pinned}</div>
-          <div class="stats">${s.domain}<span class="pill${cls}">${s.product_count}</span><span class="pill">${collCt}c</span>${s.is_stale ? `<span class="pill pill-stale" title="Last rendered ${s.age_days} days ago — needs refresh">⟲ ${s.age_days}d</span>` : ''}</div>
+          <div class="stats">${s.domain}<span class="pill${cls}">${s.product_count}</span><span class="pill">${collCt}c</span>${s.is_stale ? `<span class="pill pill-stale" title="Last rendered ${s.age_days} days ago — needs refresh">⟲ ${s.age_days}d</span>` : ''}${s.sort && s.sort !== 'textures' ? `<span class="pill pill-sort" title="Last deploy used sort=${esc(s.sort)}">↕ ${esc(s.sort)}</span>` : ''}</div>
         </div>
       </div>`;
   }).join('');

← cbb7a20 dw-collections-viewer: 'Preview sort' button — re-render wit · back to Dw Collections Viewer · snapshot: 3 file(s) changed, +2 new, ~1 modified cd8ae33 →