mobile: hamburger filter drawer + 2-up grid for japan/china staged viewer

d4d16345296280a63e6d3ad60ccb8266d209e95c · 2026-07-02 12:49:29 -0700 · Steve Abrams

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

Files touched

M viewer-local/public/index.html

Diff

commit d4d16345296280a63e6d3ad60ccb8266d209e95c
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Jul 2 12:49:29 2026 -0700

    mobile: hamburger filter drawer + 2-up grid for japan/china staged viewer
    
    Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
---
 viewer-local/public/index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/viewer-local/public/index.html b/viewer-local/public/index.html
index 6e521dd..4ad2c93 100644
--- a/viewer-local/public/index.html
+++ b/viewer-local/public/index.html
@@ -77,7 +77,9 @@
   #burger { display:none; background:var(--card); border:1px solid var(--line); color:var(--txt); border-radius:8px; padding:7px 12px; font-size:13px; font-weight:600; cursor:pointer; line-height:1; white-space:nowrap; }
   #fclose { display:none; }
   @media (max-width:700px) {
-    header { padding:10px 12px; max-height:none; overflow:visible; }
+    /* backdrop-filter would make the header the containing block for the
+       fixed-position filter drawer inside it — kill it so the drawer is viewport-sized */
+    header { padding:10px 12px; max-height:none; overflow:visible; backdrop-filter:none; }
     h1 { font-size:15px; }
     h1 small { display:block; margin:3px 0 0; font-size:11px; }
     .controls { gap:8px; }

← ac443bb auto-save: 2026-07-02T12:48:04 (1 files) — viewer-local/publ · back to Japan Enrich · Retrofit japan/china staging viewer to internal-line-viewer d13399a →