directory density: Cody gate fixes — hide slider on mobile (dead below 560px where grid is 1fr!important), ellipsis+min-width:0 so cards stay uniform height at 4-col, min=2 + clamp stale localStorage (no degenerate 1-col)

214a147e7ae2d7b116f4e77dfb083e0251d2482c · 2026-08-05 16:54:29 -0700 · Steve

Files touched

M public/directory.html

Diff

commit 214a147e7ae2d7b116f4e77dfb083e0251d2482c
Author: Steve <steve@designerwallcoverings.com>
Date:   Wed Aug 5 16:54:29 2026 -0700

    directory density: Cody gate fixes — hide slider on mobile (dead below 560px where grid is 1fr!important), ellipsis+min-width:0 so cards stay uniform height at 4-col, min=2 + clamp stale localStorage (no degenerate 1-col)
---
 public/directory.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/public/directory.html b/public/directory.html
index e480c57c..d797cb2b 100644
--- a/public/directory.html
+++ b/public/directory.html
@@ -47,10 +47,11 @@
   .ctl input[type=range]{width:104px;accent-color:var(--red);cursor:pointer}
   .rows{display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:12px;padding:6px 0 8px}
   .row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff}
+  .row>div{min-width:0}
   .row:hover{border-color:#cfd4d9;box-shadow:0 2px 12px rgba(6,9,12,.05)}
-  @media(max-width:560px){.rows{grid-template-columns:1fr!important}}
-  .row .nm{font:700 15.5px 'Inter'}
-  .row .sub{color:var(--sub);font-size:12.5px;margin-top:2px}
+  @media(max-width:560px){.rows{grid-template-columns:1fr!important}.ctlbar{display:none}}
+  .row .nm{font:700 15.5px 'Inter';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+  .row .sub{color:var(--sub);font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
   .row .r{text-align:right;white-space:nowrap}
   .row .badge{display:inline-block;font-size:11px;font-weight:800;color:#fff;background:var(--red);border-radius:20px;padding:3px 10px}
   .row .lic{color:var(--sub);font-size:11px;margin-top:3px;font-variant-numeric:tabular-nums}
@@ -109,7 +110,7 @@
        server-paginated) which ignores a ?sort param — a client-side sort would only reorder the
        loaded page and mislead. A real Sort control needs usre to support server-side ordering. -->
   <div class="ctlbar">
-    <label class="ctl">Density <input id="dens" type="range" min="1" max="4" step="1" value="2" aria-label="Directory grid density (columns)"></label>
+    <label class="ctl">Density <input id="dens" type="range" min="2" max="4" step="1" value="2" aria-label="Directory grid density (columns)"></label>
   </div>
   <section class="rows" id="rows"></section>
   <button class="more" id="more" style="display:none">Load more</button>
@@ -126,7 +127,7 @@ $('dx').onclick=close;scrim.onclick=close;document.addEventListener('keydown',e=
 
 const PAGE=25;
 let tab='firms', q='', offset=0, total=0, seq=0;
-let dens=localStorage.getItem('rentv.directory.dens')||'2';
+let dens=String(Math.max(2,Math.min(4,parseInt(localStorage.getItem('rentv.directory.dens'),10)||2)));
 function applyDens(){ $('rows').style.setProperty('--cols',dens); }
 
 const p=new URLSearchParams(location.search);

← 1ba53ee1 directory: add density slider (card-grid --cols, localStorag · back to Rentv · PR intel: add Tavily as a 3rd free-tier search backend + PR_ 050f7edc →