From d1a7d3c00a603cb774697e49696e9a0d2c4661b9 Mon Sep 17 00:00:00 2001 From: "Thomas F. K. Jorna" Date: Thu, 5 Aug 2021 22:25:21 +0200 Subject: feature: added slider for node scale --- pages/index.tsx | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) (limited to 'pages') diff --git a/pages/index.tsx b/pages/index.tsx index c521741..3dd0e9a 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -722,6 +722,7 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) { visuals.refNodeColor || [], visuals.refLinkColor || [], visuals.refLinkHighlightColor || [], + visuals.backgroundColor || [], ) return Object.fromEntries( @@ -745,6 +746,7 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) { visuals.refLinkHighlightColor, visuals.citeLinkHighlightColor, visuals.citeLinkColor, + visuals.backgroundColor, emacsTheme, ]) @@ -810,6 +812,7 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) { } const getNodeColor = (node: OrgRoamNode) => { + const isHighlightingHappening = !!highlightedNodes.length const needsHighlighting = highlightedNodes[node.id!] || previouslyHighlightedNodes[node.id!] // if we are matching the node color and don't have a highlight color // or we don't have our own scheme and we're not being highlighted @@ -879,7 +882,11 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) { const parentNeighbors = links.length ? links.filter((link) => link.type === 'parent').length : 0 - const basicSize = 3 + links.length - (!filter.parents ? parentNeighbors : 0) + const basicSize = + 3 + links.length * visuals.nodeSizeLinks - (!filter.parents ? parentNeighbors : 0) + if (visuals.highlightNodeSize === 1) { + return basicSize + } const highlightSize = highlightedNodes[node.id!] || previouslyHighlightedNodes[node.id!] ? 1 + opacity * (visuals.highlightNodeSize - 1) @@ -983,6 +990,9 @@ export const Graph = forwardRef(function (props: GraphProps, graphRef: any) { return getLinkColor(sourceId as string, targetId as string, needsHighlighting) }, linkWidth: (link) => { + if (visuals.highlightLinkSize === 1) { + return visuals.linkWidth + } const linkIsHighlighted = isLinkRelatedToNode(link, centralHighlightedNode.current) const linkWasHighlighted = isLinkRelatedToNode(link, lastHoverNode.current) -- cgit v1.2.3