lbry-desktop/ui/scss/component/_tooltip.scss
2022-04-15 15:29:37 -04:00

45 lines
1 KiB
SCSS

[data-reach-tooltip] {
border-radius: var(--border-radius);
border: none;
padding: var(--spacing-s);
overflow: hidden;
white-space: normal;
}
.MuiTooltip-tooltip {
border-radius: var(--border-radius) !important;
background-color: rgba(var(--color-header-background-base), 0.8) !important;
color: var(--color-text) !important;
font-size: var(--font-small) !important;
border: 2px solid var(--color-text);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.MuiTooltip-arrow {
color: var(--color-text) !important;
font-size: var(--font-xxsmall) !important;
}
.channel-staked__tooltip {
display: flex;
align-items: center;
line-height: 1rem;
padding: var(--spacing-xs);
.channel-staked__tooltip-text {
color: var(--color-text) !important;
margin-left: var(--spacing-xs);
font-size: var(--font-small);
.channel-staked__amount {
.icon {
margin-bottom: 2px;
}
}
}
.credit-amount {
color: var(--color-text) !important;
}
}