Replace sidebar by div as the sidebar tag was dropped from the HTML5 standard
parent
98e913c933
commit
74fc158ed7
|
@ -49,6 +49,6 @@
|
||||||
fill: #C83771;
|
fill: #C83771;
|
||||||
}
|
}
|
||||||
|
|
||||||
sidebar {
|
#sidebar {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
|
|
|
@ -55,6 +55,6 @@
|
||||||
fill: #C83771;
|
fill: #C83771;
|
||||||
}
|
}
|
||||||
|
|
||||||
sidebar {
|
#sidebar {
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
|
@ -131,7 +131,7 @@
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
sidebar {
|
#sidebar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 1em;
|
top: 1em;
|
||||||
right: 1.5em;
|
right: 1.5em;
|
||||||
|
@ -153,7 +153,7 @@ sidebar {
|
||||||
vertical-align: center;
|
vertical-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
sidebar h2 {
|
#sidebar h2 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
font-size: 9pt;
|
font-size: 9pt;
|
||||||
}
|
}
|
||||||
|
|
|
@ -94,7 +94,7 @@ btns.append("button")
|
||||||
.text("VPN")
|
.text("VPN")
|
||||||
.on("click", update_graph)
|
.on("click", update_graph)
|
||||||
|
|
||||||
var meshinfo = d3.select("sidebar")
|
var meshinfo = d3.select("#sidebar")
|
||||||
.insert("div", ":first-child")
|
.insert("div", ":first-child")
|
||||||
|
|
||||||
meshinfo.append("h2").text("Mesh")
|
meshinfo.append("h2").text("Mesh")
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<div id="chart">
|
<div id="chart">
|
||||||
<sidebar>
|
<div id="sidebar">
|
||||||
<div id="legend">
|
<div id="legend">
|
||||||
<h2>Legende</h2>
|
<h2>Legende</h2>
|
||||||
<ul>
|
<ul>
|
||||||
|
@ -66,7 +66,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</sidebar>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script src='force.js' type='text/javascript'></script>
|
<script src='force.js' type='text/javascript'></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in New Issue