Replace sidebar by div as the sidebar tag was dropped from the HTML5 standard

This commit is contained in:
Matthias Schiffer 2012-06-16 15:31:02 +02:00
parent 98e913c933
commit 74fc158ed7
5 changed files with 7 additions and 7 deletions

View file

@ -49,6 +49,6 @@
fill: #C83771; fill: #C83771;
} }
sidebar { #sidebar {
color: #ddd; color: #ddd;
} }

View file

@ -55,6 +55,6 @@
fill: #C83771; fill: #C83771;
} }
sidebar { #sidebar {
color: #777; color: #777;
} }

View file

@ -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;
} }

View file

@ -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")

View file

@ -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>