Signal-Desktop/stylesheets/components/SearchResultsLoadingFakeRow...

43 lines
891 B
SCSS

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
// These styles should match the "real" contact/conversation row.
.module-SearchResultsLoadingFakeRow {
display: flex;
align-items: center;
justify-content: center;
padding: 10px 14px;
margin: 2px 0;
&__avatar {
width: 48px;
height: 48px;
border-radius: 100%;
@include search-results-loading-pulsating-background;
}
&__content {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
margin-left: 12px;
&__line {
&:nth-child(1) {
@include search-results-loading-box(30%);
margin-bottom: 8px;
}
&:nth-child(2) {
@include search-results-loading-box(90%);
margin-bottom: 8px;
}
&:nth-child(3) {
@include search-results-loading-box(60%);
}
}
}
}