From df2ef8b7b691cd560bce762caae40589309d21c6 Mon Sep 17 00:00:00 2001 From: root Date: Thu, 24 Sep 2026 17:39:37 +0200 Subject: [PATCH] =?UTF-8?q?fix(glass):=20=D0=B3=D1=80=D0=B0=D0=B4=D0=B8?= =?UTF-8?q?=D0=B5=D0=BD=D1=82=D0=BD=D1=8B=D0=B9=20=D0=B1=D0=BE=D1=80=D0=B4?= =?UTF-8?q?=D0=B5=D1=80=20=D1=87=D0=B5=D1=80=D0=B5=D0=B7=20background-?= =?UTF-8?q?=D1=81=D0=BB=D0=BE=D0=B8=20=D0=B2=D0=BC=D0=B5=D1=81=D1=82=D0=BE?= =?UTF-8?q?=20::before=20mask?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - убран псевдоэлемент, который перекрывал контент (меню/панели исчезали) - градиент бордера теперь 2 слоя background: padding-box (фон) + border-box (градиент) - контент снова виден, border-radius сохранён --- public/css/main.css | 35 +++++++---------------------------- 1 file changed, 7 insertions(+), 28 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index 4a8a0a1..7ddde0e 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -5197,8 +5197,9 @@ html[data-theme="light"] .glass-neutral { -webkit-backdrop-filter: var(--v12-glass-neutral-filter); } -/* Градиентный бордер (сверху засвет -> снизу прозрачно) через mask. - Исключаем .fab (там ::before занят shine). */ +/* Градиентный бордер (сверху белый засвет -> снизу прозрачно). + Через 2 слоя background: фон в padding-box, градиент бордера — в border-box. + Не перекрывает контент, сохраняет border-radius. */ html[data-theme="dark"] .glass-neutral:not(.fab), html[data-theme="light"] .glass-neutral:not(.fab), html[data-theme="dark"] .header--scrolled .header__inner, @@ -5207,32 +5208,10 @@ 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; -} -html[data-theme="dark"] .glass-neutral:not(.fab)::before, -html[data-theme="light"] .glass-neutral:not(.fab)::before, -html[data-theme="dark"] .header--scrolled .header__inner::before, -html[data-theme="light"] .header--scrolled .header__inner::before, -html[data-theme="dark"] .nav-more__dock::before, -html[data-theme="light"] .nav-more__dock::before, -html[data-theme="dark"] #nav-more-menu-floating::before, -html[data-theme="light"] #nav-more-menu-floating::before { - content: ""; - position: absolute; - inset: 0; - 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; + border: 1px solid transparent; + 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,