From ff584ba5d1c0c0ed864905ccf983b3275f73c60c9366a52c4fdccc0e55655e5d Mon Sep 17 00:00:00 2001 From: Pixel Date: Sat, 13 Jun 2026 22:55:09 +0300 Subject: [PATCH] =?UTF-8?q?orb:=20=D0=BC=D1=8F=D0=B3=D0=BA=D0=B8=D0=B9=20?= =?UTF-8?q?=D0=BA=D1=80=D0=B0=D0=B9=20=D1=84=D0=BE=D1=82=D0=BE=20+=20?= =?UTF-8?q?=D1=83=D0=B1=D1=80=D0=B0=D0=BD=20=D1=84=D0=BE=D0=BD-=D0=B3?= =?UTF-8?q?=D1=80=D0=B0=D0=B4=D0=B8=D0=B5=D0=BD=D1=82=20=D0=BA=D0=B0=D1=82?= =?UTF-8?q?=D0=B5=D0=B3=D0=BE=D1=80=D0=B8=D0=B8=20=D0=B8=D0=B7-=D0=BF?= =?UTF-8?q?=D0=BE=D0=B4=20=D1=81=D1=82=D0=B5=D0=BA=D0=BB=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - растушёвка края фото радиальной маской (--feather-full 62% / --feather-edge 78%): фото сливается со стеклом без жёсткого ободка; параметры для подкрутки. - убран фон-градиент категории на .node-dot (просвечивал через прозрачный центр стекла → читался как цветная «обводка»): селектор поднят до (0,4,0), чтобы перебить правила категории. Цвет категории остаётся на линиях. - кластерная аура (box-shadow по категории) отключена. Не тронуто: кромка PNG, свечение сияющих/фокуса/common, линии. Версия 1.2.164. Co-Authored-By: Claude Opus 4.8 (1M context) --- VERSION.properties | 2 +- shine-UI/styles/network-graph.css | 15 +++++++++++++-- 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/VERSION.properties b/VERSION.properties index f9049c3..eea23b4 100644 --- a/VERSION.properties +++ b/VERSION.properties @@ -1,2 +1,2 @@ -client.version=1.2.163 +client.version=1.2.164 server.version=1.2.144 diff --git a/shine-UI/styles/network-graph.css b/shine-UI/styles/network-graph.css index b62c40d..0d59af3 100644 --- a/shine-UI/styles/network-graph.css +++ b/shine-UI/styles/network-graph.css @@ -143,8 +143,11 @@ и форсит размер 100%). Поэтому opacity/размеры/радиус задаём здесь явно. */ /* Кромку даёт сам glass_overlay.png → убираем остаточный border .node-dot (синее кольцо старого векторного орба). Только у PNG-хоста; вектор и свечение/box-shadow не трогаем. */ -.fg-orb-host:has(.fg-pngorb) { +/* (0,4,0) — выше специфичности правил категории `.fg-node.is-family .node-dot` (0,3,0), + иначе их background/border перебивают. */ +.fg-node .node-dot.fg-orb-host:has(.fg-pngorb) { border: none; + background: none; /* фон-градиент категории не торчит из-под прозрачного стекла (та самая «обводка») */ } .fg-orb-host .fg-pngorb { position: absolute; @@ -169,9 +172,15 @@ width: 78%; height: 78%; /* ~78% от бокса оверлея — сидит внутри стеклянной кромки */ transform: translate(-50%, -50%); opacity: 1; - border-radius: 50%; + border-radius: 50%; /* фолбэк, если mask не поддержан */ object-fit: cover; display: block; + /* Мягкий край: фото непрозрачно до --feather-full, плавно гаснет к 0 у --feather-edge — + сливается со стеклом без жёсткого ободка. Силу растушёвки крутим этими двумя параметрами. */ + --feather-full: 62%; + --feather-edge: 78%; + -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 var(--feather-full), transparent var(--feather-edge)); + mask-image: radial-gradient(circle at 50% 50%, #000 var(--feather-full), transparent var(--feather-edge)); } .fg-orb-host .fg-pngorb-init { display: flex; align-items: center; justify-content: center; @@ -610,10 +619,12 @@ .fg-node.is-tier2 .fg-node-badge { transform: scale(0.85); } /* Цветовые кластеры: мягкая аура узла по типу связи (визуально группирует «семью/друзей/бизнес») */ +/* ТЕСТ (откат: раскомментировать блок) — кластерная аура скрыта по запросу. .fg-node.is-family .node-dot { box-shadow: 0 0 16px rgba(255, 159, 94, 0.20); } .fg-node.is-friend .node-dot { box-shadow: 0 0 16px rgba(120, 179, 255, 0.20); } .fg-node.is-business .node-dot { box-shadow: 0 0 16px rgba(190, 150, 255, 0.20); } .fg-node.is-contact .node-dot { box-shadow: 0 0 16px rgba(170, 190, 220, 0.16); } +*/ /* сияющие/фокус — свой эффект свечения (см. выше), ауру кластера не навязываем */ .fg-node.is-shine .node-dot, .fg-node.is-focus .node-dot { box-shadow: none; }