From 14b7cd829b099a1e9df1a77b4f22acd5ef57cf4a Mon Sep 17 00:00:00 2001 From: root Date: Thu, 24 Sep 2026 18:06:30 +0200 Subject: [PATCH] =?UTF-8?q?fix(glass):=20=D0=B2=D0=BD=D0=B5=D1=88=D0=BD?= =?UTF-8?q?=D1=8F=D1=8F=20=D0=BE=D0=B1=D0=B2=D0=BE=D0=B4=D0=BA=D0=B0=20?= =?UTF-8?q?=D1=87=D0=B5=D1=80=D0=B5=D0=B7=20::after=20z-index:-1=20=D0=B1?= =?UTF-8?q?=D0=B5=D0=B7=20isolation?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - z-index:0 на не-fixed родителях создаёт стек, -1 виден снаружи, контент не тронут - шапка (fixed) без z-index:0, чтобы не опуститься ниже FAB - убран backdrop-filter на псевдоэлементе (не рендерился с mask) --- public/css/main.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index 5ba4cc2..f3ef804 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -5198,18 +5198,24 @@ html[data-theme="light"] .glass-neutral { } /* Внешняя градиентная обводка (сверху белый засвет -> снизу прозрачно). - ::after с inset:-1px выходит НАРУЖУ блока, блюрит край как стеклянная кромка. - z-index:-1 => не перекрывает контент. Исключаем .fab (::after занят sheen). */ + ::after с inset:-1px выходит НАРУЖУ; z-index:-1 (без isolation) => видна снаружи, + внутренняя часть уходит под фон родителя, контент не перекрыт. + Исключаем .fab (::after занят sheen). */ html[data-theme="dark"] .glass-neutral:not(.fab), html[data-theme="light"] .glass-neutral:not(.fab), -html[data-theme="dark"] .header--scrolled .header__inner, -html[data-theme="light"] .header--scrolled .header__inner, html[data-theme="dark"] .nav-more__dock, html[data-theme="light"] .nav-more__dock, html[data-theme="dark"] #nav-more-menu-floating, html[data-theme="light"] #nav-more-menu-floating { position: relative; - isolation: isolate; + z-index: 0; + border: 1px solid transparent; +} +/* Шапка уже position:fixed (свой стек-контекст) — z-index:0 не нужен, + иначе может опуститься ниже других fixed-элементов. */ +html[data-theme="dark"] .header--scrolled .header__inner, +html[data-theme="light"] .header--scrolled .header__inner { + position: relative; border: 1px solid transparent; } html[data-theme="dark"] .glass-neutral:not(.fab)::after, @@ -5234,8 +5240,6 @@ html[data-theme="light"] #nav-more-menu-floating::after { linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; - backdrop-filter: blur(3px); - -webkit-backdrop-filter: blur(3px); pointer-events: none; z-index: -1; }