Mouse events for flow diagram endcaps & connectors

This commit is contained in:
Mononaut
2022-11-21 12:28:46 +09:00
parent ce42da7d6c
commit d18899e04a
3 changed files with 54 additions and 13 deletions

View File

@@ -22,25 +22,26 @@
stroke: url(#output-highlight-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);
}
.line:hover, .connector:hover + .marker-target + .line, .marker-target:hover + .line {
z-index: 10;
cursor: pointer;
&.input {
stroke: url(#input-hover-gradient);
}
&.output {
stroke: url(#output-hover-gradient);
}
&.fee {
stroke: url(#fee-hover-gradient);
}
}
.connector {
stroke: none;
opacity: 0.75;
cursor: pointer;
&.input {
fill: url(#input-connector-gradient);
}
@@ -48,4 +49,10 @@
fill: url(#output-connector-gradient);
}
}
}
.marker-target {
stroke: none;
fill: transparent;
cursor: pointer;
}
}