From 084c9fee2be469457cca8957124757becd8347c5 Mon Sep 17 00:00:00 2001 From: root Date: Wed, 12 Aug 2026 16:05:52 +0800 Subject: [PATCH] fix: narrow-screen sidebar no longer blurred MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The sidebar's backdrop-filter: blur() made the popup sidebar itself unreadable on ≤900px screens. Disabled the blur in the responsive media query; now sidebar has solid glass background and the full-screen blur only applies to the backdrop behind it. --- internal/gateway/ui/index.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/internal/gateway/ui/index.html b/internal/gateway/ui/index.html index 6499176..156fd51 100644 --- a/internal/gateway/ui/index.html +++ b/internal/gateway/ui/index.html @@ -459,10 +459,11 @@ td.t-tag{white-space:nowrap} /* ---- responsive: collapsible sidebar (NapCat-like) ---- */ @media (max-width:900px){ .sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translateX(-100%);transition:transform .3s var(--ease-spring)} - .sidebar.open{transform:none;box-shadow:var(--sh-lg);z-index:50} + .sidebar.open{transform:none;box-shadow:var(--sh-lg);z-index:55} + .sidebar{backdrop-filter:none;-webkit-backdrop-filter:none} .main{width:100%} .sb-ham{display:flex} - .sb-backdrop{position:fixed;inset:0;background:rgba(20,12,40,.35);z-index:51;backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .2s} + .sb-backdrop{position:fixed;inset:0;background:rgba(20,12,40,.35);z-index:54;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s} .sidebar.open + .sb-backdrop{opacity:1;pointer-events:auto} main#main{padding:8px 14px 32px} .breadcrumb{padding:12px 16px 6px}