@alicloud/cloud-charts
Version:
33 lines • 934 B
CSS
.cloud-tooltip-container {
padding: 6px 12px;
border-radius: 2px;
border: 1px solid var(--widgets-tooltip-cross-line, #d9d9d9);
z-index: 1001;
background-color: var(--widgets-color-background, #ffffff);
max-width: 500px;
transform: translate(-50%, 20px);
}
.cloud-tooltip-container .cloud-tooltip-arrow {
display: block;
left: calc(50% - 8px);
top: -16px;
width: 16px;
height: 16px;
overflow: hidden;
pointer-events: none;
}
.cloud-tooltip-container .cloud-tooltip-arrow-content {
margin: 4px;
content: "";
width: 8px;
height: 8px;
transform: translateY(8px) rotate(45deg);
border: 1px solid var(--widgets-tooltip-cross-line, #d9d9d9);
background-color: var(--widgets-color-background, #ffffff);
pointer-events: none;
}
.cloud-tooltip-container .cloud-tooltip-content {
word-break: break-all;
color: var(--widgets-color-text-2, #696969);
font-size: var(--widgets-font-size-1, 12px);
}