PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Give image view panel a loading animation

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-07-22 21:25:11 +02:00
parent ce7f387dd6
commit 1b00b304bb
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
res/css/views/elements/_ImageView.scss
View file

@ -38,12 +38,23 @@ $button-gap: 24px;
flex-shrink: 0; flex-shrink: 0;
} }
@keyframes mx_ImageView_panel_keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.mx_ImageView_panel { .mx_ImageView_panel {
width: 100%; width: 100%;
height: 68px; height: 68px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
animation-name: mx_ImageView_panel_keyframes;
animation-duration: 0.25s;
} }
.mx_ImageView_info_wrapper { .mx_ImageView_info_wrapper {