lbry-desktop/ui/scss/component/_tooltip.scss
jessopb 3034f4ce6c
bring in styles (#7542)
* bring in ody styles; modify; cleanup

* workflow

* workflow

* v0.52.6-alpha.teststyles.1

* fix hook

* v0.52.6-alpha.teststyles.2

* style fixes

* fix pagination styling

* v0.52.6-alpha.teststyles.3

* wallet icon was bad

* restore deploy script

* fixes

* fix player close button

* modal inputs

* cleanup

* cleanup

* fix staked indicator

* fix profile menu button skel delay

* fix view-all-playlists hover

* fix overlay buttons on collection page

* fix header buttons
2022-04-17 13:04:56 -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;
}
}