From 6363a19b11410f1a03570f6c7ab86e92dbd1aaca Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 16 Mar 2022 15:52:09 +0100
Subject: [PATCH] MOBILE-3814 loading: Display contents on loading content
 fixes iframe

---
 src/core/components/loading/loading.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss
index fc4d95b1f..efa86a0de 100644
--- a/src/core/components/loading/loading.scss
+++ b/src/core/components/loading/loading.scss
@@ -8,6 +8,7 @@
     --loading-inline-margin: 0px;
     --loading-inline-min-height: 28px;
     --internal-loading-inline-min-height: var(--loading-inline-min-height);
+    --content-display: contents;
 
     position: static;
     color: var(--loading-text-color);
@@ -45,6 +46,7 @@
 
     .core-loading-content {
         @include core-transition(opacity, 200ms);
+        display: var(--content-display);
     }
 
     .core-loading-message {
@@ -75,10 +77,13 @@
         height: 100%;
     }
 
-    &.has-spacer .core-loading-content {
-        min-height: 100%;
-        display: flex;
-        flex-direction: column;
+    &.has-spacer {
+        --content-display: flex;
+
+        .core-loading-content {
+            min-height: 100%;
+            flex-direction: column;
+        }
     }
 
     &.list-item-limited-width .core-loading-content {