mirror of
https://github.com/dg9vh/MMDVMHost-Websocketboard.git
synced 2026-04-07 15:34:02 +00:00
METAR-decoded messages in same look&feel like names on heard lists.
This commit is contained in:
parent
071f8a3c83
commit
0d3de60439
3 changed files with 43 additions and 3 deletions
|
|
@ -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: "";
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue