src/css/_tooltip.scss
.diagrammatica {
.hover-line {
stroke: #EFEFEF;
pointer-events: none;
}
}
.diagrammatica-tooltip {
position: absolute;
pointer-events: none;
}
.diagrammatica-tooltip-content {
font: 12px sans-serif;
padding: 8px;
background-color: rgba(255, 255, 255, 1);
border: solid 1px #EFEFEF;
}
.diagrammatica-tooltip-title {
font-weight: bold;
padding-bottom: 4px;
margin-bottom: 4px;
border-bottom: solid 1px #EFEFEF;
text-align: center;
}
.diagrammatica-tooltip > .left-arrow:before {
color: #EFEFEF;
content: "\3008";
margin: -4px 0 0 0;
top: 50%;
left: -8px;
}
.diagrammatica-tooltip-inline {
display: inline;
}