METAR-decoded messages in same look&feel like names on heard lists.

This commit is contained in:
Kim Huebel 2021-02-04 18:24:29 +00:00
parent 071f8a3c83
commit 0d3de60439
3 changed files with 43 additions and 3 deletions

View file

@ -17,7 +17,7 @@
/* Position the tooltip text */
position: absolute;
z-index: 1;
z-index: 99;
bottom: 125%;
left: 50%;
margin-left: -60px;
@ -27,6 +27,45 @@
transition: opacity 1s;
}
.tooltip2 .tooltiptext {
visibility: hidden;
width: 300px;
background-color: #555;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text */
position: absolute;
z-index: 99;
bottom: 125%;
left: 50%;
margin-left: -60px;
/* Fade in tooltip */
opacity: 0;
transition: opacity 1s;
}
/* Tooltip arrow */
.tooltip2 .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
/* Tooltip arrow */
.tooltip2 .tooltip2text::after {
content: "";