mirror of
https://github.com/koel/koel
synced 2025-01-03 00:08:45 +00:00
30 lines
511 B
SCSS
30 lines
511 B
SCSS
|
.tooltip {
|
||
|
|
opacity: 0;
|
||
|
|
color: rgba(255, 255, 255, .8);
|
||
|
|
width: max-content;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
background: #111;
|
||
|
|
padding: 5px 12px;
|
||
|
|
border-radius: 4px;
|
||
|
|
pointer-events: none;
|
||
|
|
filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, .3));
|
||
|
|
z-index: 9999;
|
||
|
|
|
||
|
|
&.show {
|
||
|
|
opacity: 1;
|
||
|
|
transition: opacity .5s ease-in-out;
|
||
|
|
transition-delay: .3s;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-arrow {
|
||
|
|
position: absolute;
|
||
|
|
background: #111;
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|