longer input/output connectors on flow diagram & new nav logic

2022-11-22 10:05:14 +09:00
parent d18899e04a
commit d1e5fec427
5 changed files with 80 additions and 30 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
@@ -24,7 +24,7 @@
    }
  }

-  .line:hover, .connector:hover + .marker-target + .line, .marker-target:hover + .line {
+  .line:hover, .marker-target:hover + .line {
    z-index: 10;
    cursor: pointer;
    &.input {
@@ -50,6 +50,15 @@
    }
  }

+  .connector:hover {
+    &.input {
+      fill: url(#input-hover-connector-gradient);
+    }
+    &.output {
+      fill: url(#output-hover-connector-gradient);
+    }
+  }
+
  .marker-target {
    stroke: none;
    fill: transparent;