add tooltip css

This commit is contained in:
CaCO3
2024-02-11 17:28:01 +01:00
committed by CaCO3
parent 5b449d5c45
commit 35663c5fd4

View File

@@ -49,6 +49,39 @@
width: 660px;
padding: 5px;
}
.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 600px;
background-color: #fcfcfc;
padding: 5px;
padding-bottom: 0;
border: solid black 2px;
/* Position the tooltip */
position: absolute;
z-index: 1;
top: 100%;
left: 100%;
margin-left: -600px;
}
.tooltip:hover .tooltiptext {
visibility: visible;
}
.tooltip-content {
width: calc(100% - 2px);
height: calc(100% - 2px);
padding: 1px;
}
</style>
<link href="firework.css?v=$COMMIT_HASH" rel="stylesheet">