#85 underline selected label

Signed-off-by: David Radley <david_radley@uk.ibm.com>
davidradl · Mar 16, 2021 · d0ef860 · d0ef860
1 parent 1b0f0b6
commit d0ef860
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/...ient/src/components/GlossaryAuthor/components/visualisation/components/diagram/Diagram.js b/...ient/src/components/GlossaryAuthor/components/visualisation/components/diagram/Diagram.js
@@ -34,7 +34,7 @@ export default function Diagram(props) {
    * We need a force-directed sim, which ideally should be created on load of the component.
    * and only restarted when the data is updated. Unfortunately it cannot be made part of the
    * Diagram's state, otherwise animation does not work. This is true whether one attempts to
-   * use useState or useRef. So, unfortunately, it seeems to be necessary to make it soft.
+   * use useState or useRef. So, unfortunately, it seems to be necessary to make it soft.
    * This will mean that every rendering will cause the first useEffect to re-create it and
    * initialise it. It will be lost and recreated on each render.
    */
@@ -581,7 +581,8 @@ export default function Diagram(props) {
       .attr('stroke', d => (pinningRef.current && d.fx !== undefined && d.fx !== null) ? egeria_primary_color_string : "none");
 
     nodes.selectAll('text')
-      .attr("fill", d => (d.id === focusGUID) ? egeria_text_color_string : "#444" );
+      .attr("fill", d => (d.id === focusGUID) ? egeria_text_color_string : "#444" )
+      .style("text-decoration", d => (d.id === focusGUID) ? "underline" : "none" );
 
     const links = svg.selectAll(".link")