move control panel to topbar

This commit is contained in:
Nils Schneider 2012-06-08 03:26:38 +02:00
parent ba895ba396
commit 218d05e8d5
2 changed files with 13 additions and 15 deletions

View file

@ -16,7 +16,7 @@
fill: #FFF0B3;
}
#nodeinfo, #controlpanel {
#nodeinfo {
position: absolute;
background: #fff;
border: 1px solid #ddd;
@ -34,16 +34,20 @@
}
#controlpanel {
top: 10px;
right: 10px;
font-size: 10pt;
display: inline-block;
color: #fff;
}
#controlpanel * {
display: inline;
}
#controlpanel p {
margin: 0;
margin: 0 1em;
}
#nodeinfo h1, p {
#nodeinfo h1, #nodeinfo p {
color: #555;
}
@ -65,7 +69,7 @@
color: #6e6e6e;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
padding: 2px 8px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 #fff;
@ -118,12 +122,11 @@
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
border-left: solid 1px #f3f3f3;
border-left: solid 1px rgba(255, 255, 255, 0);
margin-left: -1px;
}
.btn.active {
background: #C83771;
color: #fff;
text-shadow: none;
text-shadow: none;
}

View file

@ -14,7 +14,7 @@ var offset = getOffset(document.getElementById('chart'))
var w = window.innerWidth - offset.left,
h = window.innerHeight - offset.top - 1
var cp = d3.select("#chart").append("div")
var cp = d3.select("header").append("div")
.attr("id", "controlpanel")
var updated_at = cp.append("p")
@ -40,11 +40,6 @@ btns.append("button")
.text("VPN")
.on("click", update_graph)
cp.append("label")
.text("Knoten hervorheben:")
cp.append("br")
cp.append("input")
.on("keyup", function(){show_node(this.value)})
.on("change", function(){show_node(this.value)})