From e410a2975f536ff4e33a2785dba01b68a41c5a8c Mon Sep 17 00:00:00 2001 From: root Date: Thu, 24 Sep 2026 18:42:22 +0200 Subject: [PATCH] =?UTF-8?q?revert(glass):=20=D0=BF=D0=BE=D0=BB=D0=BD=D0=BE?= =?UTF-8?q?=D1=81=D1=82=D1=8C=D1=8E=20=D1=83=D0=B1=D1=80=D0=B0=D0=BD=D0=B0?= =?UTF-8?q?=20=D0=B3=D1=80=D0=B0=D0=B4=D0=B8=D0=B5=D0=BD=D1=82=D0=BD=D0=B0?= =?UTF-8?q?=D1=8F=20=D0=BE=D0=B1=D0=B2=D0=BE=D0=B4=D0=BA=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - удалены ::after, isolation, токены -border-grad, transparent border - возвращён исходный border-color: var(--v12-glass-neutral-border) / var(--line) --- public/css/main.css | 66 +++++---------------------------------------- 1 file changed, 6 insertions(+), 60 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index ee6327b..d846a1b 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -560,7 +560,7 @@ a:visited:not(.btn):not(.fab):not(.logo):not(.skip-link):hover { margin-top: 0; margin-bottom: 0; padding: 0.8rem; - border: 1px solid transparent; + border: 1px solid var(--line); border-radius: calc(var(--radius-card) * 0.7); background: var(--bg-elevated); box-shadow: 0 16px 38px hsla(0, 0%, 0%, 0.2); @@ -755,7 +755,7 @@ a:visited:not(.btn):not(.fab):not(.logo):not(.skip-link):hover { right: 0; z-index: 90; background: var(--bg-elevated); - border-color: transparent; + border-color: var(--v12-glass-neutral-border); } /* Плавающая панель: fixed + координаты из JS; фон — токены v12-glass внизу файла */ @@ -5135,13 +5135,6 @@ html[data-theme="dark"] { color-mix(in srgb, var(--surface) 52%, transparent) ); --v12-glass-neutral-border: color-mix(in srgb, var(--line) 75%, hsla(0, 0%, 100%, 0.08)); - /* Градиентный бордер: сверху белый засвет -> снизу прозрачно (dark: приглушён) */ - --v12-glass-neutral-border-grad: linear-gradient( - to bottom, - hsla(0, 0%, 100%, 0.4) 0%, - hsla(0, 0%, 100%, 0.12) 40%, - hsla(0, 0%, 100%, 0) 100% - ); --v12-glass-neutral-shadow: 0 14px 32px hsla(0, 0%, 0%, 0.4), inset 0 1px 0 hsla(0, 0%, 100%, 0.09); @@ -5159,13 +5152,6 @@ html[data-theme="light"] { color-mix(in srgb, var(--bg-elevated) 38%, transparent) ); --v12-glass-neutral-border: color-mix(in srgb, var(--line) 58%, hsla(0, 0%, 0%, 0.07)); - /* Градиентный бордер: сверху белый засвет -> снизу прозрачно (light: ярче) */ - --v12-glass-neutral-border-grad: linear-gradient( - to bottom, - hsla(0, 0%, 100%, 0.9) 0%, - hsla(0, 0%, 100%, 0.3) 42%, - hsla(0, 0%, 100%, 0) 100% - ); --v12-glass-neutral-shadow: 0 14px 28px hsla(var(--theme-h), 22%, 38%, 0.11), inset 0 1px 0 hsla(0, 0%, 100%, 0.9), @@ -5180,7 +5166,7 @@ html[data-theme="light"] { html[data-theme="dark"] .header--scrolled .header__inner, html[data-theme="light"] .header--scrolled .header__inner { background: var(--v12-glass-neutral-bg); - border-color: transparent; + border-color: var(--v12-glass-neutral-border); box-shadow: var(--v12-glass-neutral-shadow); backdrop-filter: var(--v12-glass-neutral-filter-elevated); -webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated); @@ -5191,52 +5177,12 @@ html[data-theme="light"] .header--scrolled .header__inner { html[data-theme="dark"] .glass-neutral, html[data-theme="light"] .glass-neutral { background: var(--v12-glass-neutral-bg); - border-color: transparent; + border-color: var(--v12-glass-neutral-border); box-shadow: var(--v12-glass-neutral-shadow); backdrop-filter: var(--v12-glass-neutral-filter); -webkit-backdrop-filter: var(--v12-glass-neutral-filter); } -/* Внешняя градиентная обводка через ::after (сверху засвет -> снизу прозрачно). - inset:-1px выводит рамку НАРУЖУ; isolation:isolate на родителе + z-index:-1 на - псевдоэлементе => виден снаружи, под контентом (не перекрывает). - Без position/z-index на родителе — раскладка не ломается. */ -html[data-theme="dark"] .glass-neutral:not(.fab), -html[data-theme="light"] .glass-neutral:not(.fab), -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; - 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; -} - html[data-theme="dark"] .theme-picker__panel.glass-neutral, html[data-theme="dark"] .cookie-notice.glass-neutral, html[data-theme="light"] .theme-picker__panel.glass-neutral, @@ -5337,7 +5283,7 @@ html[data-theme="light"] .nav-more__dock, html[data-theme="dark"] #nav-more-menu-floating, html[data-theme="light"] #nav-more-menu-floating { background: var(--v12-glass-neutral-bg); - border-color: transparent; + border-color: var(--v12-glass-neutral-border); box-shadow: var(--v12-glass-neutral-shadow); backdrop-filter: var(--v12-glass-neutral-filter-elevated); -webkit-backdrop-filter: var(--v12-glass-neutral-filter-elevated); @@ -5389,7 +5335,7 @@ html[data-theme="light"] .cookie-notice .cookie-notice__text { var(--accent-btn-radial-mid) 52%, var(--accent-btn-radial-edge) 100% ); - border-color: transparent; + border-color: var(--v12-glass-neutral-border); box-shadow: var(--shadow-strong); backdrop-filter: none; -webkit-backdrop-filter: none;