snapshot before shopify-status + collapsed-chips rebuild

af2b07790de72a148a1396bc29845453d93c94d8 · 2026-06-09 17:51:06 -0700 · SteveStudio2

Files touched

M public/index.html

Diff

commit af2b07790de72a148a1396bc29845453d93c94d8
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Tue Jun 9 17:51:06 2026 -0700

    snapshot before shopify-status + collapsed-chips rebuild
---
 public/index.html | 27 ++++++++++++++-------------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/public/index.html b/public/index.html
index d2d9191..b472945 100644
--- a/public/index.html
+++ b/public/index.html
@@ -42,19 +42,20 @@ a.open:hover{background:var(--panel)}
 #selbar .n{font-weight:700;color:var(--acc)}
 #launch{background:var(--acc);color:#04201a;font-weight:700;border:0;border-radius:8px;padding:8px 18px;cursor:pointer}
 #launch:disabled{opacity:.4;cursor:default}
-/* ── List view ── compact horizontal rows instead of cards */
-.grid.list{grid-template-columns:1fr;gap:4px;padding:12px 16px}
-.grid.list .card{flex-direction:row;align-items:center;border-radius:8px}
-.grid.list .imgwrap{width:52px;min-width:52px;height:52px;aspect-ratio:auto;border-radius:6px;overflow:hidden;margin:6px 0 6px 6px}
-.grid.list .imgwrap.noimg::after{font-size:9px}
-.grid.list .pick{position:static;background:none;padding:0 6px 0 8px;flex:0 0 auto}
-.grid.list .b{flex:1;flex-direction:row;align-items:center;gap:14px;padding:6px 14px;flex-wrap:nowrap;overflow:hidden}
-.grid.list .vend{order:1;flex:0 0 150px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.grid.list .ttl{order:2;flex:1 1 200px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
-.grid.list .row{order:3;flex:0 0 auto;justify-content:flex-end}
-.grid.list .row:nth-of-type(2){flex:0 0 170px}
-.grid.list .sku{white-space:nowrap}
-.grid.list .when{order:4;flex:0 0 200px;margin:0;justify-content:flex-end;white-space:nowrap;overflow:hidden}
+/* ── List view ── aligned compact rows via per-card CSS grid (display:contents
+   hoists .b's children into the card grid so columns line up across rows). */
+.grid.list{grid-template-columns:1fr;gap:3px;padding:10px 16px}
+.grid.list .card{display:grid;grid-template-columns:26px 44px 150px 320px 110px 200px minmax(250px,1fr);
+  align-items:center;gap:0 14px;padding:4px 14px;border-radius:8px;min-height:0}
+.grid.list .b{display:contents}
+.grid.list .pick{position:static;background:none;padding:0;justify-self:center}
+.grid.list .imgwrap{width:42px;height:42px;aspect-ratio:auto;border-radius:6px;margin:0}
+.grid.list .imgwrap.noimg::after{font-size:8px}
+.grid.list .vend{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.grid.list .ttl{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.grid.list .row{min-width:0;justify-content:flex-start;gap:8px}
+.grid.list .row .sub,.grid.list .row .sku{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.grid.list .when{margin:0;justify-content:flex-start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}
 </style></head>
 <body>
 <header>

← 186111c viewer: add List view toggle (compact horizontal rows, persi · back to New Import Viewer · Show full Shopify state (new/published/unpublished/archived) d24c5ab →