32 lines
602 B
SCSS

.badge-tooltip-wrapper {
position: relative;
display: inline-block;
}
.badge-tooltip {
position: absolute;
background-color: #000;
width: max-content;
color: #fff;
font-size: 12px;
font-weight: 600;
text-align: center;
border-radius: 4px;
padding: 4px 8px;
z-index: 10000;
max-width: 220px;
overflow-wrap: break-word;
pointer-events: none;
transition: opacity 0.2s ease;
white-space: pre-line;
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}
.badge-tooltip-arrow {
position: absolute;
width: 8px;
height: 8px;
background: #000;
transform: rotate(45deg);
}