AFG/dump1090
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Center info icon. Show highlight hover with select box

Browse source
This commit is contained in:
James Wilson 2018-08-03 15:03:19 -05:00
parent 974e962a55
commit 3ec6ec1a9d
3 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public_html/index.html
View file

@ -616,7 +616,7 @@
</div> </div>
<div class="bottom-info-container"> <div class="bottom-info-container">
<img src="images/icon-information@2x.png" width="18" height="18"> Learn more about Mode S data type by hovering over each data label. <img src="images/icon-information@2x.png" width="18" height="18"><div class="bottom-info-text"> Learn more about Mode S data type by hovering over each data label.</div>
</div> </div>
<div class="bottom-container"> <div class="bottom-container">

5
public_html/script.js
View file

@ -1360,7 +1360,6 @@ function sortBy(id,sc,se) {
function selectPlaneByHex(hex,autofollow) { function selectPlaneByHex(hex,autofollow) {
//console.log("select: " + hex); //console.log("select: " + hex);
// If SelectedPlane has something in it, clear out the selected // If SelectedPlane has something in it, clear out the selected
removeHighlight();
if (SelectedAllPlanes) { if (SelectedAllPlanes) {
deselectAllPlanes(); deselectAllPlanes();
} }
@ -1404,10 +1403,6 @@ function selectPlaneByHex(hex,autofollow) {
} }
function highlightPlaneByHex(hex) { function highlightPlaneByHex(hex) {
// if we've selected a plane, don't show the highlighting box
if (SelectedPlane != null) {
return;
}
if (hex != null) { if (hex != null) {
HighlightedPlane = hex; HighlightedPlane = hex;

7
public_html/style.css
View file

@ -716,6 +716,13 @@ select.error, textarea.error, input.error {
color: #002F5D; color: #002F5D;
line-height: 18px; line-height: 18px;
} }
.bottom-info-container img {
vertical-align: middle;
}
.bottom-info-container .bottom-info-text {
vertical-align: middle;
display: inline;
}
.selected_airframe { .selected_airframe {
padding-top: 30px; padding-top: 30px;
} }