← back to Commercialrealestate
Fold top tab-bars into the hamburgers; strip horizontal nav from every page header
82c72704ad5338b98315693cb8607519b818ad79 · 2026-08-06 15:33:17 -0700 · Steve
corner-nav.js now hides the inter-page <a> tab links in each page's header/.topnav/
nav.nav (every destination already lives in the left ☰ menu), while LEAVING page
controls intact (crcp density slider + Expand-all, index 25/30/cash down-payment
toggle + Filters button). Empty nav wrappers collapse. Site nav = LEFT hamburger
(my call); right = On this page. Verified real Chrome: crcp (11 tabs gone, controls
kept), index (14 tabs gone, scenario+filters kept, drawer slides fully in).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Files touched
Diff
commit 82c72704ad5338b98315693cb8607519b818ad79
Author: Steve <steve@designerwallcoverings.com>
Date: Thu Aug 6 15:33:17 2026 -0700
Fold top tab-bars into the hamburgers; strip horizontal nav from every page header
corner-nav.js now hides the inter-page <a> tab links in each page's header/.topnav/
nav.nav (every destination already lives in the left ☰ menu), while LEAVING page
controls intact (crcp density slider + Expand-all, index 25/30/cash down-payment
toggle + Filters button). Empty nav wrappers collapse. Site nav = LEFT hamburger
(my call); right = On this page. Verified real Chrome: crcp (11 tabs gone, controls
kept), index (14 tabs gone, scenario+filters kept, drawer slides fully in).
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
public/corner-nav.js | 29 +++++++++++++++++++++++++++--
1 file changed, 27 insertions(+), 2 deletions(-)
diff --git a/public/corner-nav.js b/public/corner-nav.js
index 2184c6a..0a43e27 100644
--- a/public/corner-nav.js
+++ b/public/corner-nav.js
@@ -170,7 +170,7 @@
burger('left', '☰', 'Menu', null);
burger('right', '▤', 'Sections', buildOnThisPage);
- // Reserve corner space on the page's top bar so its title / existing nav / buttons
+ // Reserve corner space on the page's top bar so its title / remaining controls
// don't hide under the two hamburgers (they sit as fixed chips over the corners).
function reserve() {
var bar = document.querySelector('header');
@@ -180,5 +180,30 @@
bar.style.paddingLeft = Math.max(pl, 104) + 'px';
bar.style.paddingRight = Math.max(pr, 120) + 'px';
}
- if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', reserve); else reserve();
+
+ // Fold the old horizontal top-tabs into the hamburgers: hide the inter-page nav
+ // LINKS in the header (every destination already lives in the left ☰ menu), but
+ // LEAVE page controls (sliders, buttons, selects, the down-payment toggle) intact.
+ function hideTopTabs() {
+ var links = document.querySelectorAll('header a[href], .topnav a[href], nav.nav a[href], .nav a[href]');
+ links.forEach(function (a) {
+ if (a.closest('.cnav-drawer')) return; // never our own menu
+ var href = a.getAttribute('href') || '';
+ if (/\.html([?#].*)?$/i.test(href) || href === '/' || href.charAt(0) === '#') a.style.display = 'none';
+ });
+ // Collapse now-empty nav wrappers so they don't leave a gap (only if they hold no
+ // visible controls left behind).
+ ['.topnav', 'nav.nav', 'header .nav'].forEach(function (sel) {
+ document.querySelectorAll(sel).forEach(function (w) {
+ var hasVisibleControl = Array.prototype.some.call(w.children, function (c) {
+ if (c.tagName === 'A') return c.style.display !== 'none';
+ return c.offsetParent !== null || /INPUT|BUTTON|SELECT|SPAN|LABEL/.test(c.tagName);
+ });
+ if (!hasVisibleControl) w.style.display = 'none';
+ });
+ });
+ }
+
+ function apply() { reserve(); hideTopTabs(); }
+ if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', apply); else apply();
})();
← 4588a78 CRCP: add LA City Measure ULA feed — current 2025/2026 LA CR
·
back to Commercialrealestate
·
Refine corner nav: thoughtful 6-group IA, all sections colla 3814ddc →