From 439d241023114e7f156887d3d9ee783f24a3979b Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <thomasfkjorna@gmail.com>
Date: Sat, 17 Jul 2021 16:09:53 +0200
Subject: added perma labels

---
 app/components/graph/graph.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

(limited to 'app/components/graph/graph.tsx')

diff --git a/app/components/graph/graph.tsx b/app/components/graph/graph.tsx
index efda7f7..bf5aff7 100644
--- a/app/components/graph/graph.tsx
+++ b/app/components/graph/graph.tsx
@@ -201,7 +201,7 @@ export const Graph = observer(function Graph(props: GraphProps): JSX.Element {
           nodeCanvasObject={(node, ctx, globalScale) => {
           if(physics.labels){
             if(globalScale > physics.labelScale ) {
-            const label = node.title;
+            const label = node.title.substring(0, Math.min(node.title.length, 30));
             const fontSize = 12/globalScale;
             ctx.font = `${fontSize}px Sans-Serif`;
             const textWidth = ctx.measureText(label).width;
@@ -212,11 +212,10 @@ export const Graph = observer(function Graph(props: GraphProps): JSX.Element {
 
             ctx.textAlign = 'center';
             ctx.textBaseline = 'middle';
-            ctx.fillStyle = node.color;
+            ctx.fillStyle = "#ffffff"; //node.color;
             ctx.fillText(label, node.x, node.y);
 
             node.__bckgDimensions = bckgDimensions; // to re-use in nodePointerAreaPaint
-            console.log(globalScale);
             }
         }
           }}
-- 
cgit v1.2.3

