fix: theme toggle occluded by hamburger (now fixed-position z-101 left of menu); blank-title fallback to SKU for malformed catalog rows

2481a30ef91ab27bd80a9a925fdfea4930d0d328 · 2026-05-19 09:24:08 -0700 · SteveStudio2

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Files touched

M shared/render.js

Diff

commit 2481a30ef91ab27bd80a9a925fdfea4930d0d328
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Tue May 19 09:24:08 2026 -0700

    fix: theme toggle occluded by hamburger (now fixed-position z-101 left of menu); blank-title fallback to SKU for malformed catalog rows
    
    Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 shared/render.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/shared/render.js b/shared/render.js
index 2164980..8397487 100644
--- a/shared/render.js
+++ b/shared/render.js
@@ -59,8 +59,10 @@ img{display:block;max-width:100%}
 .navpanel.open{right:0}
 .navpanel a{display:block;padding:13px 0;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
   border-bottom:1px solid rgba(255,255,255,.1)}
-.theme-toggle{background:transparent;border:0;cursor:pointer;color:var(--top-fg,#fff);padding:4px;
-  display:inline-flex;align-items:center}
+.theme-toggle{position:fixed;top:22px;right:124px;z-index:101;background:transparent;border:0;
+  cursor:pointer;color:var(--top-fg,#fff);padding:4px;display:inline-flex;align-items:center;
+  opacity:.78;transition:opacity .25s}
+.theme-toggle:hover{opacity:1}
 .theme-toggle .icon-moon{display:none}
 html[data-theme=dark] .theme-toggle .icon-sun{display:none}
 html[data-theme=dark] .theme-toggle .icon-moon{display:inline-block}
@@ -231,7 +233,7 @@ function jsonld(cfg) {
  */
 function card(p) {
   const hx = dominantHex(p);
-  const t = clean(p.title).split('|')[0].trim();
+  const t = clean(p.title).split('|')[0].trim() || (p.sku||p.handle||'').replace(/-Sample$/i,'') || 'Designer Wallcovering';
   const href = '/product/' + encodeURIComponent(p.handle);
   return `<div class="card" data-handle="${esc(p.handle)}"
     data-title="${esc(t)}" data-sku="${esc(p.sku||p.handle)}"
@@ -497,7 +499,7 @@ function heroRotate(n){
  * (carry the site name + tagline), satisfying the panel SEO must-do.
  */
 function productPage(cfg, p, related) {
-  const name = clean(p.title).split('|')[0].trim();
+  const name = clean(p.title).split('|')[0].trim() || (p.sku||p.handle||'').replace(/-Sample$/i,'') || 'Designer Wallcovering';
   const sku = p.sku || p.handle;
   const canonical = `${DW}/products/${encodeURIComponent(p.handle)}`;
   // per-site-unique title + meta — site name makes each fleet copy distinct

← d0f30c2 DNS cutover batches 4-5 complete (idx 27-43): 44/44 fleet HT · back to Dw Domain Fleet · fix: restore lost pattern name on 4 William Morris products 5004030 →