Added better visibility for toggled edge types.

display/linkoverlay.js

@@ -20,9 +20,7 @@ class LinkOverlay {
             relation.className = 'relation';
             relation.edgeType = link;
             relation.innerHTML = "<p>" + link + "</p>";
-            jQuery(relation).click((event) =>
-                this.graph.toggleLinkVisibility(event.currentTarget.edgeType)
-            );
+            jQuery(relation).click((event) => this.toggleLinkVisibility(event));
             overlayNode.appendChild(relation);
 
             const colorStrip = document.createElement('div');
@@ -32,5 +30,14 @@ class LinkOverlay {
         }
     }
 
+    toggleLinkVisibility(event) {
+        const target = event.currentTarget;
+        this.graph.toggleLinkVisibility(target.edgeType)
+        if (getComputedStyle(target).opacity == 1.0) {
+            target.style.opacity = 0.4;
+        } else {
+            target.style.opacity = 1.0;
+        }
+    }
 
 }
\ No newline at end of file

kg-style.css

@@ -141,6 +141,7 @@
     z-index: 100;
     cursor: pointer;
     pointer-events: all;
+    opacity: 1.0;
 }
 
 .rel-container {