From 411e59488fda5107e21509e46617de9e9e24458f Mon Sep 17 00:00:00 2001
From: Cyrille Bourgois <cyrille.bourgois@gmail.com>
Date: Tue, 26 Mar 2019 14:10:07 +0100
Subject: [PATCH] fix(oui-modal): hide content when loading (#373)

---
 packages/oui-modal/src/modal.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/oui-modal/src/modal.html b/packages/oui-modal/src/modal.html
index 8baee373..e894974c 100644
--- a/packages/oui-modal/src/modal.html
+++ b/packages/oui-modal/src/modal.html
@@ -12,15 +12,16 @@
         ng-class="'oui-icon-' + $ctrl.type + '_circle'"
         aria-hidden="true">
     </span>
-    <div class="oui-modal__loader"
-        ng-if="$ctrl.loading">
-        <oui-spinner></oui-spinner>
-    </div>
     <h2 class="oui-modal__title"
         ng-if="::!!$ctrl.heading"
         ng-bind="::$ctrl.heading">
     </h2>
-    <div ng-transclude></div>
+    <div class="oui-modal__loader"
+        ng-if="$ctrl.loading">
+        <oui-spinner></oui-spinner>
+    </div>
+    <div ng-if="!$ctrl.loading"
+        ng-transclude></div>
 </div>
 <div class="oui-modal__footer">
     <button class="oui-button oui-button_secondary"