make unidirectional links thinner

This commit is contained in:
Nils Schneider 2012-08-18 15:02:02 +02:00
parent 59b9b79aa2
commit 5f53ca2f1e
3 changed files with 13 additions and 1 deletions

View file

@ -24,6 +24,10 @@
stroke-width: 2px; stroke-width: 2px;
} }
.link line.unidirectional {
stroke-width: 2px;
}
.node ellipse { .node ellipse {
fill: #fff; fill: #fff;
stroke: #48f; stroke: #48f;

View file

@ -15,12 +15,17 @@
.link line { .link line {
stroke: #777; stroke: #777;
stroke-opacity: 1; stroke-opacity: 1;
stroke-width: 1.5px; stroke-width: 2.5px;
}
.link line.unidirectional {
stroke-width: 0.8px;
} }
.link.vpn line { .link.vpn line {
stroke-dasharray: 0.75px 4px; stroke-dasharray: 0.75px 4px;
stroke-linecap: round; stroke-linecap: round;
stroke-width: 1.5px;
} }
.link:hover line { .link:hover line {

View file

@ -415,6 +415,9 @@ function update() {
.style("stroke", function(d) { .style("stroke", function(d) {
return linkcolor(Math.max.apply(null, d.quality.split(","))) return linkcolor(Math.max.apply(null, d.quality.split(",")))
}) })
.attr("class", function(d) {
return d.quality.split(",").length==1?"unidirectional":"bidirectional"
})
link.selectAll("title") link.selectAll("title")
.text( function (d) { .text( function (d) {