mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Improve left pane UI when loading search results

Browse source
This commit is contained in:
Evan Hahn 2021-04-02 17:32:55 -05:00 • committed by Josh Perez
parent f05d45ac9b
commit d81aaf654f
15 changed files with 420 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

35
stylesheets/components/SearchResultsLoadingFakeRow.scss Normal file
View file

@ -0,0 +1,35 @@
// 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-left: 16px;
padding-right: 16px;
&__avatar {
width: 52px;
height: 52px;
border-radius: 100%;
@include search-results-loading-pulsating-background;
}
&__content {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
margin-left: 12px;
&__header {
@include search-results-loading-box(50%);
margin-bottom: 8px;
}
&__message {
@include search-results-loading-box(90%);
}
}
}