← back to Rentv
Move Regions + Market Snapshot into the right hamburger (Sections) drawer
f57a571a26e1b4fa40121d3071645ff02ed28250 · 2026-08-06 10:54:19 -0700 · Steve Abrams
Homepage: Market Snapshot markup relocated from left #drawer to right
#drawerR; Regions now injected into the right drawer via a data-regions
marker + data-regions-anchor (buildDrawerGroup targets [data-regions]).
Masthead pages (buildMastNav): Regions clone moved from left to right
drawer for parity. aria-labels updated.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Files touched
M public/index.htmlM public/rentv-nav.js
Diff
commit f57a571a26e1b4fa40121d3071645ff02ed28250
Author: Steve Abrams <steve@designerwallcoverings.com>
Date: Thu Aug 6 10:54:19 2026 -0700
Move Regions + Market Snapshot into the right hamburger (Sections) drawer
Homepage: Market Snapshot markup relocated from left #drawer to right
#drawerR; Regions now injected into the right drawer via a data-regions
marker + data-regions-anchor (buildDrawerGroup targets [data-regions]).
Masthead pages (buildMastNav): Regions clone moved from left to right
drawer for parity. aria-labels updated.
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
public/index.html | 21 ++++++++++++---------
public/rentv-nav.js | 25 ++++++++++++++++---------
2 files changed, 28 insertions(+), 18 deletions(-)
diff --git a/public/index.html b/public/index.html
index 2572a1a7..44979e8b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -153,21 +153,18 @@
</style></head>
<body>
<header class="top">
- <button class="burger" id="burger" aria-label="Explore & regions menu"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg><span class="lbl">Explore</span></button>
+ <button class="burger" id="burger" aria-label="Explore menu"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg><span class="lbl">Explore</span></button>
<a class="brand" href="/">REN<span>TV</span></a>
<div class="rightnav">
<button class="user" id="user" title="Sign in" aria-label="Sign in"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="8" r="3.5"/><path d="M4.5 20a7.5 7.5 0 0 1 15 0" stroke-linecap="round"/></svg></button>
- <button class="burger" id="burgerR" aria-label="Sections menu"><span class="lbl">Sections</span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg></button>
+ <button class="burger" id="burgerR" aria-label="Sections, regions & market snapshot menu"><span class="lbl">Sections</span><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round"><path d="M3 6h18M3 12h18M3 18h18"/></svg></button>
</div>
</header>
<div class="scrim" id="scrim"></div>
-<!-- LEFT drawer (upper-left hamburger): Explore — tools, intelligence, company.
- rentv-nav.js buildDrawerGroup() targets the FIRST .drawer and auto-folds a
- "Regions" group in at the top, so this stays in parity with the masthead pages. -->
+<!-- LEFT drawer (upper-left hamburger): Explore — discover, intelligence, company.
+ Regions + Market Snapshot now live in the RIGHT drawer (see below). -->
<aside class="drawer" id="drawer">
<div class="dh"><span class="w">REN<span>TV</span></span><button id="dclose" aria-label="Close">✕</button></div>
- <div class="grp"><div class="gt">Market Snapshot</div></div>
- <div class="snap" id="snap"></div>
<div class="grp"><div class="gt">Discover</div></div>
<nav><a href="/hub" style="font-weight:700">✨ Intelligence Hub — all tools</a><a href="/search">🔎 Search</a><a href="/market-pulse">📈 Rates & Capital Markets</a><a href="/pulse">📊 Market Pulse</a><a href="/sector">🏙️ Sector Deep-Dives</a><a href="/metros">📍 Deal Flow by Metro</a><a href="/tools">🧮 CRE Toolkit</a><a href="/watchlist">⭐ Deal Watchlist</a><a href="/directory">🏢 CRE Directory</a><a href="/compare">⚖️ Deal Comparison</a><a href="/brief">📰 The RENTV Brief</a><a href="/syndicate">📡 Syndicate</a></nav>
<div class="grp"><div class="gt">Intelligence</div></div>
@@ -176,11 +173,17 @@
<nav><a href="/about">About</a><a href="/advertise">Advertise</a><a href="/subscribe">Subscribe / Newsletters</a></nav>
<div class="df">RENTV.com — Commercial Real Estate News across the Western U.S. since 1998.</div>
</aside>
-<!-- RIGHT drawer (upper-right hamburger): Sections — the property-type axis. -->
-<aside class="drawer right" id="drawerR" data-own-nav>
+<!-- RIGHT drawer (upper-right hamburger): Sections (property-type axis) + Regions
+ (JS-injected by rentv-nav.js at [data-regions-anchor]) + Market Snapshot. -->
+<aside class="drawer right" id="drawerR" data-own-nav data-regions>
<div class="dh"><span class="w">Sections</span><button id="dcloseR" aria-label="Close">✕</button></div>
<div class="grp"><div class="gt">By Property Type</div></div>
<nav><a href="/closings">Closings</a><a href="/sales">Sales</a><a href="/leases">Leases</a><a href="/financing">Financing</a><a href="/development">Development</a><a href="/multifamily">Multifamily</a><a href="/industrial">Industrial</a><a href="/retail">Retail</a></nav>
+ <!-- Regions group (rt-drawer-regions) is injected here by rentv-nav.js buildDrawerGroup(),
+ inserted before this [data-regions-anchor] so it lands under Sections, above Market Snapshot. -->
+ <div data-regions-anchor></div>
+ <div class="grp"><div class="gt">Market Snapshot</div></div>
+ <div class="snap" id="snap"></div>
<div class="df">RENTV.com — Commercial Real Estate News across the Western U.S. since 1998.</div>
</aside>
diff --git a/public/rentv-nav.js b/public/rentv-nav.js
index 8cda574c..2a538d05 100644
--- a/public/rentv-nav.js
+++ b/public/rentv-nav.js
@@ -124,8 +124,12 @@
// ---- 2) Mirror the region axis into the hamburger drawer (as a REGIONS group up top) ----
function buildDrawerGroup() {
- var drawer = document.querySelector('.drawer');
- if (!drawer || drawer.hasAttribute('data-own-nav') || drawer.querySelector('.rt-drawer-regions')) return;
+ // Prefer an explicitly-tagged [data-regions] drawer (homepage puts Regions in the RIGHT
+ // "Sections" drawer); otherwise fall back to the page's own single (left) drawer. Drawers
+ // that own their nav entirely (e.g. the map) carry data-own-nav and are only chosen when
+ // they also opt in via data-regions — so this stays a no-op there.
+ var drawer = document.querySelector('.drawer[data-regions]') || document.querySelector('.drawer:not([data-own-nav])');
+ if (!drawer || drawer.querySelector('.rt-drawer-regions')) return;
var grp = document.createElement('div'); grp.className = 'grp rt-drawer-regions';
grp.innerHTML = '<div class="gt">Regions</div>';
var nav = document.createElement('nav');
@@ -139,8 +143,10 @@
});
});
nav.innerHTML = html;
- var firstGrp = drawer.querySelector('.grp');
- if (firstGrp) { drawer.insertBefore(grp, firstGrp); drawer.insertBefore(nav, firstGrp); }
+ // Insert at an explicit anchor if the drawer provides one (lets the homepage place Regions
+ // UNDER its own Sections list rather than above it); else default to before the first group.
+ var anchor = drawer.querySelector('[data-regions-anchor]') || drawer.querySelector('.grp');
+ if (anchor) { drawer.insertBefore(grp, anchor); drawer.insertBefore(nav, anchor); }
else { drawer.appendChild(grp); drawer.appendChild(nav); }
}
@@ -162,7 +168,7 @@
return h;
}
// LEFT hamburger + drawer → Explore + Regions
- var hamL = mkHam('l', 'Explore & regions menu');
+ var hamL = mkHam('l', 'Explore menu');
var drL = document.createElement('div'); drL.className = 'rtnav-dr left'; drL.setAttribute('aria-hidden', 'true');
drL.innerHTML = '<div class="rtnav-bd"></div><div class="rtnav-pl">' +
'<button class="rtnav-x" type="button" aria-label="Close">×</button><h3>Explore</h3>' +
@@ -170,13 +176,14 @@
'<a href="/market-pulse">📈 Market Pulse</a><a href="/deals-log">📋 Deals Log</a>' +
'<a href="/review">The REview</a><a href="/cre-talk">CRE Talk</a><a href="/conferences">Conferences</a>' +
'<a href="/blog">Blog</a><a href="/about">About</a><a href="/advertise">Advertise</a><a href="/subscribe">Subscribe</a>' +
- '<div class="rtnav-gt">Regions</div><div class="rtnav-clone">' + geo + '</div></div>';
- // RIGHT hamburger + drawer → Sections
- var hamR = mkHam('r', 'Sections menu');
+ '</div>';
+ // RIGHT hamburger + drawer → Sections + Regions (Regions moved here from the left drawer)
+ var hamR = mkHam('r', 'Sections & regions menu');
var drR = document.createElement('div'); drR.className = 'rtnav-dr right'; drR.setAttribute('aria-hidden', 'true');
drR.innerHTML = '<div class="rtnav-bd"></div><div class="rtnav-pl">' +
'<button class="rtnav-x" type="button" aria-label="Close">×</button><h3>Sections</h3>' +
- '<div class="rtnav-clone">' + cat + '</div></div>';
+ '<div class="rtnav-clone">' + cat + '</div>' +
+ '<div class="rtnav-gt">Regions</div><div class="rtnav-clone">' + geo + '</div></div>';
mast.insertBefore(hamL, mast.firstChild);
mast.appendChild(hamR);
document.body.appendChild(drL); document.body.appendChild(drR);
← 95adcfbf fix(content-studio): stop the attribution scrub from deletin
·
back to Rentv
·
consulting portal: force permanent black background (overrid 0e0b17f3 →