lbry-desktop/ui/scss/component/_status-bar.scss
infiinte-persistence ae82b3fc05 Create transient "status bar" to display the hover URL.
Implementation:
- <StatusBar> listens to 'update-target-url' and will show/hide itself as needed.
- Handled the display of "lbry://" protocol.

CSS:
- The colors chosen should work on both Light and Dark Theme.
- The delay is necessary to avoid blinkies when the mouse is moving around.

#4259
2020-06-04 10:31:06 -04:00

23 lines
513 B
SCSS

.status-bar {
background-color: #505050;
border: solid 1px #707070;
border-bottom-color: #505050;
border-left-color: #505050;
color: #e0e0e0;
position: fixed;
left: 0;
bottom: 0;
font-size: var(--font-small);
padding-top: 2px;
padding-left: var(--spacing-xsmall);
padding-right: var(--spacing-xsmall);
border-top-right-radius: var(--spacing-xsmall);
opacity: 0;
transition: opacity 0.3s ease;
transition-delay: 400ms;
&.visible {
opacity: 1;
transition-delay: 0s;
}
}