etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: use dark label color on hover (white bg), light on normal (dark bg)

Browse Source 
Switch labelColor to attribute-based mode so hovered/highlighted nodes
get dark text (#111827) readable on the white hover background, while
normal labels stay light (#e5e7eb) readable on the dark canvas.
This commit is contained in:
Fringg
2026-03-22 10:26:16 +03:00
parent 0cc1cd5871
commit ebe2c3af7e
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/ReferralNetwork/components/NetworkGraph.tsx
View File

@@ -342,7 +342,7 @@ export function NetworkGraph({ data, className }: NetworkGraphProps) {
defaultNodeColor: NODE_COLORS.regular,
nodeProgramClasses: { bordered: BorderedNodeProgram },
defaultNodeType: 'bordered',
labelColor: { color: '#e5e7eb' },
labelColor: { attribute: 'labelColor', color: '#e5e7eb' },
labelFont: 'Inter, system-ui, sans-serif',
labelSize: 11,
stagePadding: 40,
@@ -361,6 +361,7 @@ export function NetworkGraph({ data, className }: NetworkGraphProps) {
if (highlighted.size > 0) {
if (highlighted.has(node)) {
res.highlighted = true;
res.labelColor = '#111827';
res.zIndex = 2;
} else {
res.color = `${attrs.color}33`;
@@ -372,9 +373,11 @@ export function NetworkGraph({ data, className }: NetworkGraphProps) {
if (hovered) {
if (node === hovered) {
res.highlighted = true;
res.labelColor = '#111827';
res.zIndex = 2;
} else if (graph.hasNode(hovered) && graph.areNeighbors(node, hovered)) {
res.highlighted = true;
res.labelColor = '#111827';
res.zIndex = 1;
} else if (!highlighted.has(node)) {
res.color = `${attrs.color}33`;