USRE: collapse topbar into an upper-left hamburger drawer site-wide (shared nav-drawer.{css,js}) + clearance for grid/content pages

896ac966cb025d92530a4326c86692bba35da4ba · 2026-07-26 16:16:43 -0700 · Steve

Files touched

M public/nav-drawer.css
M public/nav-drawer.js

Diff

commit 896ac966cb025d92530a4326c86692bba35da4ba
Author: Steve <steve@designerwallcoverings.com>
Date:   Sun Jul 26 16:16:43 2026 -0700

    USRE: collapse topbar into an upper-left hamburger drawer site-wide (shared nav-drawer.{css,js}) + clearance for grid/content pages
---
 public/nav-drawer.css | 4 ++++
 public/nav-drawer.js  | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/public/nav-drawer.css b/public/nav-drawer.css
index 61b1560..fa8b6c6 100644
--- a/public/nav-drawer.css
+++ b/public/nav-drawer.css
@@ -32,3 +32,7 @@
 #navDrawerBody #typeSeg button{flex:1;}
 #navDrawerBody #exportcsv,#navDrawerBody #freshness,#navDrawerBody #thinToggle{margin-left:0;}
 #navDrawerBody .cg-sec-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted,#8a93a3);}
+
+/* clearance for the fixed upper-left hamburger (see nav-drawer.js) */
+body.navdz-pad{padding-top:56px;}            /* flow-layout pages */
+.cg-shell .cg-rail{padding-top:56px;}         /* grid pages: keep the first facet below the burger even when scrolled */
diff --git a/public/nav-drawer.js b/public/nav-drawer.js
index f46c5b2..60b3143 100644
--- a/public/nav-drawer.js
+++ b/public/nav-drawer.js
@@ -33,6 +33,12 @@
     document.body.appendChild(drawer);
     document.body.appendChild(burger);
 
+    // Clearance so the fixed hamburger never sits on top of page content.
+    // Grid pages clear it via .cg-rail padding (see nav-drawer.css); normal
+    // flow-layout pages get body top-padding. The absolute map has no .cg-shell
+    // and is out of flow, so the padding is harmless there.
+    if (!document.querySelector('.cg-shell')) document.body.classList.add('navdz-pad');
+
     function open() {
       drawer.classList.add('open'); backdrop.classList.add('open'); burger.classList.add('open');
       burger.textContent = '✕'; // ✕

← 3d80035 auto-save: 2026-07-26T16:14:26 (17 files) — public/admin.htm · back to Nationalrealestate · Add Palm Beach FL deed adapter (complements parallel session 45f04ac →