diff options
| author | Thomas F. K. Jorna <[email protected]> | 2021-10-16 22:21:24 +0200 |
|---|---|---|
| committer | Thomas F. K. Jorna <[email protected]> | 2021-10-16 22:25:07 +0200 |
| commit | 15fdbd4e9e36c858709651e035fe1339dba3a1e9 (patch) | |
| tree | d5c7ac4405fc78589fa2d6b2c303d051191dc780 /pages | |
| parent | 0ae9d628fabab8664c38d15bd6b5084a32c8eca2 (diff) | |
feat(labels): better ui for labels
Diffstat (limited to 'pages')
| -rw-r--r-- | pages/_app.tsx | 5 | ||||
| -rw-r--r-- | pages/index.tsx | 3 |
2 files changed, 6 insertions, 2 deletions
diff --git a/pages/_app.tsx b/pages/_app.tsx index 9833717..3a0ffa0 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -180,7 +180,10 @@ function SubApp(props: any) { backgroundColor: highlightColor, }, filledTrack: { - backgroundColor: 'gray.200', + backgroundColor: 'gray.400', + }, + track: { + backgroundColor: 'gray.400', }, }), }, diff --git a/pages/index.tsx b/pages/index.tsx index 4878b0c..aa376d1 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1137,6 +1137,7 @@ export const Graph = function (props: GraphProps) { const getNodeColor = (node: OrgRoamNode, theme: any) => { const needsHighlighting = highlightedNodes[node.id!] || previouslyHighlightedNodes[node.id!] + //const needsHighlighting = hoverNode?.id === node.id! || lastHoverNode?.current?.id === 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 if (visuals.emacsNodeColor && node.id === emacsNodeId) { @@ -1209,7 +1210,7 @@ export const Graph = function (props: GraphProps) { warmupTicks: scope.nodeIds.length === 1 ? 100 : scope.nodeIds.length > 1 ? 20 : 0, //onZoom: ({ k, x, y }) => setZoom(k), onZoom: ({ k, x, y }) => (scaleRef.current = k), - //nodeLabel: (node) => (node as OrgRoamNode).title, + //nodeLabel: (node) => , nodeColor: (node) => { return getNodeColor(node as OrgRoamNode, theme) }, |