wall-calc: surface pinned W×H chip in summary so collapsed PDP still shows defaults

47eb2ff8606a6c4cac50d78bda9845bcf6f53540 · 2026-05-12 17:47:34 -0700 · SteveStudio2

Files touched

M server.js

Diff

commit 47eb2ff8606a6c4cac50d78bda9845bcf6f53540
Author: SteveStudio2 <steve@designerwallcoverings.com>
Date:   Tue May 12 17:47:34 2026 -0700

    wall-calc: surface pinned W×H chip in summary so collapsed PDP still shows defaults
---
 server.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/server.js b/server.js
index dee0180..ce4a5bb 100644
--- a/server.js
+++ b/server.js
@@ -4397,6 +4397,7 @@ ${htmlHeader('/designs')}
       <details class="wall-calc" style="margin:14px 0 0;padding:0;border:1px solid var(--line,#ddd);border-radius:6px;background:var(--card-bg,#faf8f3)">
         <summary style="cursor:pointer;padding:10px 14px;font:12px var(--sans,system-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft,#555);list-style:none">
           <span aria-hidden="true">📐</span> Wall-size calculator <span style="color:var(--ink-faint,#999);font-size:11px;text-transform:none;letter-spacing:0">— estimate panels, yardage, cost</span>
+          <span id="wc-summary-chip" style="display:none;margin-left:8px;padding:2px 8px;background:#d2b15c33;border:1px solid #d2b15c;border-radius:10px;color:#5a4520;font-size:11px;text-transform:none;letter-spacing:0;font-weight:600" aria-hidden="true"></span>
         </summary>
         <div style="padding:6px 14px 14px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end">
           <label style="font:11px var(--sans);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em">Wall width (ft)<br><input id="wc-w" type="number" min="1" max="200" step="0.5" value="10" style="margin-top:4px;width:100%;padding:6px 8px;font:14px var(--sans);border:1px solid var(--line,#ddd);border-radius:4px"></label>
@@ -4442,13 +4443,16 @@ ${htmlHeader('/designs')}
         if (prev && isFinite(prev.h) && prev.h > 0) hEl.value = prev.h;
         if (prev && wallDetails && !wallDetails.open) wallDetails.open = true;
         function renderPinUI(){
+          var chip = document.getElementById('wc-summary-chip');
           if (pinValid(pinned)) {
             pinLink.style.display = 'none';
             pinStatus.style.display = 'inline-flex';
             pinLabel.textContent = 'Pinned ' + pinned.w + '×' + pinned.h + ' ft';
+            if (chip) { chip.textContent = '📌 ' + pinned.w + '×' + pinned.h + ' ft'; chip.style.display = 'inline-block'; }
           } else {
             pinLink.style.display = 'inline';
             pinStatus.style.display = 'none';
+            if (chip) { chip.style.display = 'none'; chip.textContent = ''; }
           }
         }
         renderPinUI();

← 101b1fd tokens: --eyebrow type token + .eyebrow utility class (4H Pa · back to Wallco Ai · wallco-ai: log Gemini usage to cost-tracker at 2 call sites f78cfec →