From 2529b88bf61f6169634b92911a185be10a4b96bf 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:24:24 +0200
Subject: [PATCH] Give lightbox a background load 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/_common.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/res/css/_common.scss b/res/css/_common.scss
index b128a82442..066bbea510 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -315,9 +315,20 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
     opacity: 0.4;
 }
 
+@keyframes mx_Dialog_lightbox_background_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: $lightbox-background-bg-opacity;
+    }
+}
+
 .mx_Dialog_lightbox .mx_Dialog_background {
     opacity: $lightbox-background-bg-opacity;
     background-color: $lightbox-background-bg-color;
+    animation-name: mx_Dialog_lightbox_background_keyframes;
+    animation-duration: 0.25s;
 }
 
 .mx_Dialog_lightbox .mx_Dialog {