src/styles/tooltip.less
.sn-org-chart {
.sn-org-tooltip {
visibility: hidden;
opacity: 0;
/* Unsupported in IE, so there we set width explicitly */
width: 230px;
width: -moz-max-content;
width: fit-content;
/* Position the tooltip text */
position: absolute;
z-index: 1;
}
/* Tooltip arrow */
.sn-org-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 0%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: #404040 transparent transparent transparent;
}
.sn-org-tooltip-visible {
opacity: 0.9;
visibility: visible;
}
.sn-org-tooltip-inner {
max-width: 240px;
right: 50%;
font-family: "QlikView Sans", sans-serif;
position: relative;
max-height: 150px;
background-color: #404040;
color: #e6e6e6;
text-align: left;
font-size: 13px;
line-height: 15px;
padding: 10px 10px 10px 10px;
border-radius: 6px;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
overflow: hidden;
.sn-org-tooltip-header {
font-weight: bold;
padding-bottom: 5px;
}
}
}