Commit 6edd2c68 authored by Porter Libby's avatar Porter Libby
Browse files

fix button nav

parent a3c60045
......@@ -5,22 +5,22 @@ html, body, #viewDiv, #mapView, #graphView, #dataView{
width: 100%;
}
#mapcontrols{
width: 200px;
height: 200px;
margin-left: 100px;
margin-right: 10px;
margin-bottom: 20px;
display:block;
position: absolute;
z-index: 10;
top:0;
left:0;
top:1;
left:1;
right:0;
bottom:1;
bottom:0;
text-align: center;
}
#navcontrols{
width: 200px;
height: 200px;
margin-left: 12px;
margin-top: 10px;
display:block;
position: absolute;
z-index: 10;
......@@ -30,6 +30,11 @@ html, body, #viewDiv, #mapView, #graphView, #dataView{
bottom:0;
text-align: center;
}
#navbtn{
width: 40px;
height: 40px;
background: white;
}
.btn-select{
transition-duration: 200ms;
text-shadow: black 1px 0 10px;
......
......@@ -20,8 +20,9 @@
<button class='btns' id='btn_topo'>Topography</button>
</div>
<div id='navcontrols'>
<input onclick='switchToData()' type="image" src="img/data-icon.png" alt="Submit" width="32" height="32">
<input onclick='switchToGraph()' type="image" src="img/graph-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: gray; padding: 10px; border-radius: 25px;' type="image" src="img/map-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: white; padding: 10px; border-radius: 25px;' onclick='switchToData()' type="image" src="img/data-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: white; padding: 10px; border-radius: 25px;' onclick='switchToGraph()' type="image" src="img/graph-icon.png" alt="Submit" width="32" height="32">
</div>
</div>
......@@ -30,21 +31,22 @@
graph
</div>
<div id='navcontrols'>
<input onclick='switchToData()' type="image" src="img/data-icon.png" alt="Submit" width="32" height="32">
<input onclick='switchToMap()' type="image" src="img/map-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: white; padding: 10px; border-radius: 25px;' onclick='switchToMap()' type="image" src="img/map-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: white; padding: 10px; border-radius: 25px;' onclick='switchToData()' type="image" src="img/data-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: gray; padding: 10px; border-radius: 25px;' type="image" src="img/graph-icon.png" alt="Submit" width="32" height="32">
</div>
</div>
<div id='dataView'>
<div id='data'>
data
</div>
<div id='navcontrols'>
<input onclick='switchToMap()' type="image" src="img/map-icon.png" alt="Submit" width="32" height="32">
<input onclick='switchToGraph()' type="image" src="img/graph-icon.png" alt="Submit" width="32" height="32">
</div>
<div id='data'>
data
</div>
<div id='navcontrols'>
<input style='background-color: white; padding: 10px; border-radius: 25px;' onclick='switchToMap()' type="image" src="img/map-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: gray; padding: 10px; border-radius: 25px;' type="image" src="img/data-icon.png" alt="Submit" width="32" height="32">
<input style='background-color: white; padding: 10px; border-radius: 25px;' onclick='switchToGraph()' type="image" src="img/graph-icon.png" alt="Submit" width="32" height="32">
</div>
</div>
<script>
mapReady();
</script>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment