signal-desktop/stylesheets/components/TimelineFloatingHeader.scss

30 lines
523 B
SCSS
Raw Normal View History

2022-01-26 23:05:26 +00:00
// 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;
2022-03-09 22:44:57 +00:00
position: absolute;
2022-01-26 23:05:26 +00:00
top: 10px;
2022-01-28 18:31:20 +00:00
transition: opacity 0.25s ease-out;
2022-01-26 23:05:26 +00:00
width: 100%;
z-index: $z-index-above-above-base;
2022-01-26 23:05:26 +00:00
&--visible {
opacity: 1;
}
&--hidden {
opacity: 0;
}
&__spinner-container {
@include timeline-floating-header-node;
margin-top: 12px;
padding: 6px;
}
}