azure-devops-ui
Version:
React components for building web UI in Azure DevOps
57 lines (52 loc) • 1.41 kB
CSS
.bolt-tooltip {
max-width: 320px;
animation: tooltip-fade-in 300ms ease-in;
}
.bolt-tooltip .bolt-callout-content {
background-color: transparent;
}
.bolt-tooltip-content {
background-color: rgba( 51, 51, 51 , 0.95 );
background-color: rgba( var(--palette-neutral-80,51, 51, 51) , 0.95 );
border-radius: 2px;
color: rgba( 255, 255, 255 , 1 );
color: rgba( var(--palette-neutral-0,255, 255, 255) , 1 );
padding: 8px 12px;
text-align: left;
word-break: break-word;
}
body.ms-vss-web-vsts-theme-hc-dark .bolt-tooltip-content {
background-color: rgba(255, 255, 255, 1);
background-color: var(--background-color,rgba(255, 255, 255, 1));
border: 2px solid rgba(0, 120, 212, 1);
border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1));
}
body.ms-vss-web-vsts-theme-hc-light .bolt-tooltip-content {
background-color: rgba(255, 255, 255, 1);
background-color: var(--background-color,rgba(255, 255, 255, 1));
border: 2px solid rgba(0, 120, 212, 1);
border: 2px solid var(--focus-border-color,rgba(0, 120, 212, 1));
}
.bolt-tooltip-fade-out {
animation: tooltip-fade-out 300ms ease-in;
}
.bolt-tooltip-fade-out.bolt-callout {
pointer-events: none;
}
@keyframes tooltip-fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes tooltip-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/*# sourceMappingURL=Tooltip.css.map */