mobile: hamburger filter drawer + 2-up grid (sidebar no longer buries products)

90141ee1ea7d8b2ee72562e15266aa2e82affc33 · 2026-07-02 12:49:30 -0700 · Steve

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Files touched

M public/index.html

Diff

commit 90141ee1ea7d8b2ee72562e15266aa2e82affc33
Author: Steve <steve@designerwallcoverings.com>
Date:   Thu Jul 2 12:49:30 2026 -0700

    mobile: hamburger filter drawer + 2-up grid (sidebar no longer buries products)
    
    Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 public/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 533ccd6..4c5bf33 100644
--- a/public/index.html
+++ b/public/index.html
@@ -50,7 +50,8 @@ main{flex:1;min-width:0}
  header{padding:8px 10px;gap:8px}
  #burger{display:inline-flex;align-items:center;gap:6px}
  .ctl:has(#density){display:none} /* grid is fixed 2-up on phones — slider is noise */
- aside{display:none;position:fixed;inset:0;z-index:40;width:auto;min-width:0;max-height:none;
+ /* top:0!important beats the inline style.top the desktop sticky-layout JS sets */
+ aside{display:none;position:fixed;inset:0;top:0!important;z-index:40;width:auto;min-width:0;max-height:none!important;
   overflow:auto;border-right:0;padding:12px 12px 40px;background:var(--bg)}
  aside.open-mobile{display:block}
  #fclose{display:block;position:sticky;top:0;z-index:2;width:100%;background:var(--acc);color:#062a24;border:none;border-radius:8px;padding:11px;font-size:14px;font-weight:700;cursor:pointer;margin-bottom:10px}

← cce736f auto-save: 2026-07-02T12:48:04 (2 files) — data/products.jso · back to Astek Landing · auto-save: 2026-07-02T13:18:16 (1 files) — data/products.jso 04b714c →