From c69fc8f9c0b0fd5563c480f72031585266109cbd Mon Sep 17 00:00:00 2001 From: root Date: Thu, 24 Sep 2026 18:14:42 +0200 Subject: [PATCH] =?UTF-8?q?fix(glass):=20=D0=BE=D1=82=D0=BA=D0=B0=D1=82=20?= =?UTF-8?q?=D0=BA=20=D0=B1=D0=B5=D0=B7=D0=BE=D0=BF=D0=B0=D1=81=D0=BD=D1=8B?= =?UTF-8?q?=D0=BC=20background-=D1=81=D0=BB=D0=BE=D1=8F=D0=BC=20(=D0=B1?= =?UTF-8?q?=D0=B5=D0=B7=20=D0=BF=D1=81=D0=B5=D0=B2=D0=B4=D0=BE=D1=8D=D0=BB?= =?UTF-8?q?=D0=B5=D0=BC=D0=B5=D0=BD=D1=82=D0=BE=D0=B2/z-index)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - убраны все ::after/position/z-index эксперименты, ломавшие раскладку - градиентная обводка через 2 background-слоя (padding-box/border-box) — контент поверх, не ломает - тёмная тема: засвет приглушён (0.4) --- public/css/main.css | 45 +++++++-------------------------------------- 1 file changed, 7 insertions(+), 38 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index f3ef804..5a0c2c5 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -5197,51 +5197,20 @@ html[data-theme="light"] .glass-neutral { -webkit-backdrop-filter: var(--v12-glass-neutral-filter); } -/* Внешняя градиентная обводка (сверху белый засвет -> снизу прозрачно). - ::after с inset:-1px выходит НАРУЖУ; z-index:-1 (без isolation) => видна снаружи, - внутренняя часть уходит под фон родителя, контент не перекрыт. - Исключаем .fab (::after занят sheen). */ +/* Градиентная обводка через 2 слоя background (НЕ ломает раскладку, контент поверх фона). + padding-box = фон блока, border-box = градиент бордера (сверху засвет -> снизу прозрачно). */ 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; - 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, -html[data-theme="light"] .glass-neutral:not(.fab)::after, -html[data-theme="dark"] .header--scrolled .header__inner::after, -html[data-theme="light"] .header--scrolled .header__inner::after, -html[data-theme="dark"] .nav-more__dock::after, -html[data-theme="light"] .nav-more__dock::after, -html[data-theme="dark"] #nav-more-menu-floating::after, -html[data-theme="light"] #nav-more-menu-floating::after { - content: ""; - position: absolute; - inset: -1px; - border-radius: inherit; - padding: 1px; - background: var(--v12-glass-neutral-border-grad); - -webkit-mask: - linear-gradient(#000 0 0) content-box, - linear-gradient(#000 0 0); - -webkit-mask-composite: xor; - mask: - linear-gradient(#000 0 0) content-box, - linear-gradient(#000 0 0); - mask-composite: exclude; - pointer-events: none; - z-index: -1; + background: + var(--v12-glass-neutral-bg) padding-box, + var(--v12-glass-neutral-border-grad) border-box; } html[data-theme="dark"] .theme-picker__panel.glass-neutral,