Commit 12625713 authored by Porter Libby's avatar Porter Libby
Browse files

add tool tips

parent 524177f3
......@@ -66,16 +66,44 @@ html, body, #viewDiv{
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
background-color: rgba(0,0,0,0.4);
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
padding: 5px 5px;
width: 150px;
margin-left: 40px;
margin-top: -20px;
/* Position the tooltip */
position: absolute;
z-index: 1;
z-index: 4;
}
.tooltip:hover .tooltiptext {
visibility: initial;
}
.tooltip2 {
position: relative;
display: inline-block;
}
.tooltip2 .tooltiptext {
visibility: hidden;
background-color: rgba(0,0,0,0.4);
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 5px;
width: 150px;
margin-left: -140px;
margin-top: 30px;
/* Position the tooltip */
position: absolute;
z-index: 4;
}
.tooltip2:hover .tooltiptext {
visibility: initial;
}
......
......@@ -26,8 +26,8 @@
<div id='mapView'>
<div id="viewDiv"></div>
<div id='navcontrols'>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip'2>
<span class="tooltiptext">Map View (current)</span>
<input
id='nav-button-map'
class='nav-button-select nav-view-button'
......@@ -36,8 +36,8 @@
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">open Graph View</span>
<input
id='nav-button-graph'
class='nav-button-idle nav-view-button'
......@@ -47,8 +47,8 @@
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">open Data Selection</span>
<input
id='nav-button-data'
class='nav-button-idle nav-view-button'
......@@ -67,8 +67,8 @@
<canvas id="line-chart"></canvas>
</div>
<div id='navcontrols'>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">open Map View</span>
<input
id='nav-button-map'
class='nav-button-idle nav-view-button'
......@@ -78,8 +78,8 @@
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">Graph View (current)</span>
<input
id='nav-button-graph'
class='nav-button-select nav-view-button'
......@@ -88,8 +88,8 @@
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">open Data Selection</span>
<input
id='nav-button-data'
class='nav-button-idle nav-view-button'
......@@ -131,21 +131,24 @@
</div>
<div id='buttons'>
<input
id='button_permalink'
onclick='buildQuery()'
type="image"
src="img/link-icon.png"
alt="Submit"
width="32" height="32">
<span id='permalink_out' style='color: white;font-size: 14px;'></span>
<div class='tooltip'>
<input
id='button_permalink'
onclick='buildQuery()'
type="image"
src="img/link-icon.png"
alt="Submit"
width="32" height="32">
<span class="tooltiptext">Create permalink</span>
</div>
</div>
</div>
</div>
<div id='navcontrols'>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">open Map View</span>
<input
id='nav-button-map'
class='nav-button-idle nav-view-button'
......@@ -155,8 +158,8 @@
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">open Graph View</span>
<input
id='nav-button-graph'
class='nav-button-idle nav-view-button'
......@@ -166,8 +169,8 @@
alt="Submit"
width="24" height="24">
</div>
<div class='tooltip'>
<span class="tooltiptext">Tooltip text</span>
<div class='tooltip2'>
<span class="tooltiptext">Data Selection (current)</span>
<input
id='nav-button-data'
class='nav-button-select nav-view-button'
......
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