From 08495deebbd9e6a47324ab9f2ec9412b81bf333d Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+nikonratm@users.noreply.github.com>
Date: Thu, 17 Dec 2020 00:50:40 -0800
Subject: [PATCH] Hide mobile preview when switching from mobile to desktop

---
 .../components/document-detail/document-detail.component.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src-ui/src/app/components/document-detail/document-detail.component.html b/src-ui/src/app/components/document-detail/document-detail.component.html
index 0fb91af23..970fa361c 100644
--- a/src-ui/src/app/components/document-detail/document-detail.component.html
+++ b/src-ui/src/app/components/document-detail/document-detail.component.html
@@ -163,7 +163,7 @@
 
                 <li [ngbNavItem]="4" class="d-md-none">
                   <a ngbNavLink>Preview</a>
-                  <ng-template ngbNavContent>
+                  <ng-template ngbNavContent *ngIf="pdfPreview.offsetParent == undefined">
                     <div class="pdf-viewer-container" *ngIf="getContentType() == 'application/pdf'">
                       <pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true"></pdf-viewer>
                     </div>
@@ -180,7 +180,7 @@
         </form>
     </div>
 
-    <div class="col-md-6 col-xl-8 mb-3 d-none d-md-block">
+    <div class="col-md-6 col-xl-8 mb-3 d-none d-md-block" #pdfPreview>
       <div class="pdf-viewer-container" *ngIf="getContentType() == 'application/pdf'">
         <pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true"></pdf-viewer>
       </div>