Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-05-08 08:58:38 +01:00
Code Issues Packages Projects Releases Wiki Activity

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
stylesheets/components/SearchResultsLoadingFakeHeader.scss
+16
View File
@@ -0,0 +1,16 @@
// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
// These styles should match the "real" header.
.module-SearchResultsLoadingFakeHeader {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 16px;
&::before {
content: '';
display: block;
@include search-results-loading-box(25%);
}
}
stylesheets/components/SearchResultsLoadingFakeRow.scss
+35
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%);
}
}
}