From 08818c63588f1e16c993d4ea32518c86dac14d46 Mon Sep 17 00:00:00 2001
From: Nathan Woulfe <nathan@nathanw.com.au>
Date: Fri, 5 Oct 2018 20:15:40 +1000
Subject: [PATCH] removes ng-show from iframe, make loader background a solid
 color to hide iframe while it loads

---
 src/Umbraco.Web.UI.Client/src/less/canvas-designer.less | 4 ++--
 src/Umbraco.Web.UI/Umbraco/Views/Preview/Index.cshtml   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less b/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
index 78c1616bc6..cbb38a23b1 100644
--- a/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
+++ b/src/Umbraco.Web.UI.Client/src/less/canvas-designer.less
@@ -81,9 +81,9 @@ a, a:hover{
 
 .wait {
     display: block;
-    height: 280px;
+    height: 100%;
     width: 100%;
-    background: center center url(../img/loader.gif) no-repeat;
+    background:#fff center center url(../img/loader.gif) no-repeat;
 }
 
 /****************************/
diff --git a/src/Umbraco.Web.UI/Umbraco/Views/Preview/Index.cshtml b/src/Umbraco.Web.UI/Umbraco/Views/Preview/Index.cshtml
index 02209063fd..7f442cc333 100644
--- a/src/Umbraco.Web.UI/Umbraco/Views/Preview/Index.cshtml
+++ b/src/Umbraco.Web.UI/Umbraco/Views/Preview/Index.cshtml
@@ -20,7 +20,7 @@
         @Html.Partial(Model.PreviewExtendedHeaderView)
     }
 
-    <div id="demo-iframe-wrapper" ng-show="frameLoaded" class="{{previewDevice.css}}">
+    <div id="demo-iframe-wrapper" class="{{previewDevice.css}}">
         <iframe id="resultFrame" ng-src="{{pageUrl}}" frameborder="0" iframe-is-loaded></iframe>
     </div>
     <div class="canvasdesigner" ng-init="showDevicesPreview = true; showDevices = !@(disableDevicePreview); showPalettePicker = true" ng-mouseenter="positionSelectedHide()">