diff --git a/src/ui/scss/component/_channel.scss b/src/ui/scss/component/_channel.scss index 5b135571a..fcbadeaf1 100644 --- a/src/ui/scss/component/_channel.scss +++ b/src/ui/scss/component/_channel.scss @@ -85,52 +85,3 @@ $metadata-z-index: 1; margin-top: -0.25rem; color: rgba($lbry-white, 0.75); } - -// Tooltip - -.channel-tooltip { - width: 20rem; - - .channel-thumbnail { - left: 0; - position: relative; - flex-shrink: 0; - text-align: center; - display: flex; - max-width: 5rem; - max-height: 5rem; - margin-right: 1rem; - box-shadow: 0px 2px 10px -2px $lbry-black; - } -} - -.channel-tooltip__profile { - display: flex; - align-items: center; - padding: 1rem; -} - -.channel-tooltip__description { - padding: 1rem; - visibility: visible; - border-top: 1px solid rgba($lbry-gray-4, 0.4); - - html[data-mode='dark'] & { - border-top: 1px solid rgba($lbry-black, 0.8); - } -} - -.channel-tooltip__info { - align-items: center; - visibility: visible; -} - -.channel-tooltip__title { - font-weight: bold; - font-size: 1.4rem; - line-height: 1.5em; -} - -.channel-tooltip__url { - font-size: 1rem; -} diff --git a/src/ui/scss/component/_tooltip.scss b/src/ui/scss/component/_tooltip.scss index 87651252a..016afd38d 100644 --- a/src/ui/scss/component/_tooltip.scss +++ b/src/ui/scss/component/_tooltip.scss @@ -150,3 +150,52 @@ margin-left: -5px; } } + +// Channel-tooltip + +.channel-tooltip { + width: 20rem; + + .channel-thumbnail { + left: 0; + position: relative; + flex-shrink: 0; + text-align: center; + display: flex; + max-width: 5rem; + max-height: 5rem; + margin-right: 1rem; + box-shadow: 0px 2px 10px -2px $lbry-black; + } +} + +.channel-tooltip__profile { + display: flex; + align-items: center; + padding: 1rem; +} + +.channel-tooltip__description { + padding: 1rem; + visibility: visible; + border-top: 1px solid rgba($lbry-gray-4, 0.4); + + html[data-mode='dark'] & { + border-top: 1px solid rgba($lbry-black, 0.8); + } +} + +.channel-tooltip__info { + align-items: center; + visibility: visible; +} + +.channel-tooltip__title { + font-weight: bold; + font-size: 1.4rem; + line-height: 1.5em; +} + +.channel-tooltip__url { + font-size: 1rem; +}