signal-desktop/stylesheets/components/TimelineFloatingHeader.scss
2022-01-26 17:05:26 -06:00

38 lines
647 B
SCSS

// Copyright 2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.TimelineFloatingHeader {
align-items: center;
display: flex;
flex-direction: column;
left: 0;
pointer-events: none;
position: absolute;
top: 10px;
width: 100%;
z-index: $z-index-above-base;
&--visible {
opacity: 1;
}
&--hidden {
opacity: 0;
transition: opacity 0.5s ease-out;
}
&__spinner-container {
@include timeline-floating-header-node;
margin-top: 12px;
padding: 6px;
&--visible {
opacity: 1;
}
&--hidden {
opacity: 0;
transition: opacity 0.1s ease-out 0.3s;
}
}
}