From 1b00b304bbe8fb8942ab0b4bf6a0de8deb63398a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Thu, 22 Jul 2021 21:25:11 +0200
Subject: [PATCH] Give image view panel a loading animation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 res/css/views/elements/_ImageView.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/res/css/views/elements/_ImageView.scss b/res/css/views/elements/_ImageView.scss
index cf92ffec64..41d24ac051 100644
--- a/res/css/views/elements/_ImageView.scss
+++ b/res/css/views/elements/_ImageView.scss
@@ -38,12 +38,23 @@ $button-gap: 24px;
     flex-shrink: 0;
 }
 
+@keyframes mx_ImageView_panel_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
 .mx_ImageView_panel {
     width: 100%;
     height: 68px;
     display: flex;
     justify-content: space-between;
     align-items: center;
+    animation-name: mx_ImageView_panel_keyframes;
+    animation-duration: 0.25s;
 }
 
 .mx_ImageView_info_wrapper {