corner-nav: widen ☰ Menu pill padding-x to 16px so 'Menu' label clears the rounded left corner (no clip); reserve() re-measures the wider pill so header overlap fix holds

d13e16d6a38a7eb9c6ec2487d7bb60bd2c46c447 · 2026-08-26 10:20:17 -0700 · Steve Abrams

Files touched

M public/corner-nav.js

Diff

commit d13e16d6a38a7eb9c6ec2487d7bb60bd2c46c447
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Wed Aug 26 10:20:17 2026 -0700

    corner-nav: widen ☰ Menu pill padding-x to 16px so 'Menu' label clears the rounded left corner (no clip); reserve() re-measures the wider pill so header overlap fix holds
---
 public/corner-nav.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/corner-nav.js b/public/corner-nav.js
index 2c968c8..35e916c 100644
--- a/public/corner-nav.js
+++ b/public/corner-nav.js
@@ -35,9 +35,10 @@
 
   // ── styles (scoped under .cnav*, safe over any dark page) ─────────────────────────────
   var css = '' +
-    '.cnav-burger{position:fixed;top:10px;z-index:9998;display:flex;align-items:center;gap:6px;' +
+    '.cnav-burger{position:fixed;top:10px;z-index:9998;display:flex;align-items:center;gap:8px;' +
       'background:rgba(20,25,37,.92);color:#e6e8ec;border:1px solid rgba(255,255,255,.14);' +
-      'border-radius:10px;padding:8px 11px;font-size:15px;line-height:1;cursor:pointer;' +
+      /* padding-x (16px) must exceed border-radius (10px) so the label clears the rounded corner */
+      'border-radius:10px;padding:8px 16px;font-size:15px;line-height:1;cursor:pointer;' +
       'box-shadow:0 2px 10px rgba(0,0,0,.35);backdrop-filter:blur(3px);}' +
     '.cnav-burger:hover{border-color:#C8A24B;color:#C8A24B;}' +
     '.cnav-burger.left{left:10px;} .cnav-burger.right{right:10px;}' +
@@ -46,7 +47,7 @@
     /* runs before/after a page re-render). The header title can NEVER underlap the fixed burgers. */
     /* --cnav-rsv-l / -r are refined by reserve() from the burgers' real measured width; these are  */
     /* the safe fallbacks (burger left:10 + ~120 wide label pill + 16 gap, and right ~140 + gap).   */
-    'body.cnav-on header{padding-left:var(--cnav-rsv-l,132px)!important;padding-right:var(--cnav-rsv-r,148px)!important;}' +
+    'body.cnav-on header{padding-left:var(--cnav-rsv-l,142px)!important;padding-right:var(--cnav-rsv-r,158px)!important;}' +
     '@media(max-width:640px){body.cnav-on header{padding-left:var(--cnav-rsv-l,52px)!important;padding-right:var(--cnav-rsv-r,52px)!important;}}' +
     '.cnav-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;pointer-events:none;transition:opacity .18s;}' +
     '.cnav-ov.on{opacity:1;pointer-events:auto;}' +

← 3c0d974 corner-nav: reserve header corner space in CSS (timing-indep · back to Commercialrealestate · auto-data-snapshot: 2026-08-26T10:15:42 (4 data files) — dat 06ef276 →