Add interactivity to tx sankey diagram

2022-09-17 01:20:08 +00:00
parent 8aa042f61a
commit 9d66f83996
9 changed files with 264 additions and 52 deletions
--- a/frontend/src/app/components/tx-bowtie-graph/tx-bowtie-graph.component.scss
+++ b/frontend/src/app/components/tx-bowtie-graph/tx-bowtie-graph.component.scss
@@ -11,5 +11,19 @@
    &.fee {
      stroke: url(#fee-gradient);
    }
+
+    &:hover {
+      z-index: 10;
+      cursor: pointer;
+      &.input {
+        stroke: url(#input-hover-gradient);
+      }
+      &.output {
+        stroke: url(#output-hover-gradient);
+      }
+      &.fee {
+        stroke: url(#fee-hover-gradient);
+      }
+    }
  }
 }