2021-12-15 06:00:00 +00:00
|
|
|
.tooltip {
|
|
|
|
|
background-color: var(--bgColor2);
|
|
|
|
|
position: absolute;
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
padding: 8px 10px;
|
|
|
|
|
color: var(--textColor1);
|
|
|
|
|
border-radius: 8px;
|
|
|
|
|
max-width: 135px;
|
|
|
|
|
width: max-content;
|
|
|
|
|
z-index: 1;
|
|
|
|
|
left: 50%;
|
|
|
|
|
transform: translateX(-50%);
|
2021-12-16 18:14:51 +00:00
|
|
|
text-align: center;
|
2021-12-15 06:00:00 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tooltip.top {
|
|
|
|
|
bottom: calc(100% + 6px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tooltip.bottom {
|
|
|
|
|
top: calc(100% + 6px);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tooltip.bottomLeft {
|
|
|
|
|
top: calc(100% + 6px);
|
|
|
|
|
left: -25%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.tooltipContainer {
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
