From 05b9af619552c843baeaab8b4679f0ff49ad917b Mon Sep 17 00:00:00 2001
From: Michael Shamoon <4887959+nikonratm@users.noreply.github.com>
Date: Sun, 13 Dec 2020 02:28:02 -0800
Subject: [PATCH] Add preview tab for mobile & hide larger preview
---
.../document-detail/document-detail.component.html | 11 ++++++++++-
1 file changed, 10 insertions(+), 1 deletion(-)
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 f9f6e57ef..0fb91af23 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
@@ -160,6 +160,15 @@
</ng-template>
</li>
+
+ <li [ngbNavItem]="4" class="d-md-none">
+ <a ngbNavLink>Preview</a>
+ <ng-template ngbNavContent>
+ <div class="pdf-viewer-container" *ngIf="getContentType() == 'application/pdf'">
+ <pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true"></pdf-viewer>
+ </div>
+ </ng-template>
+ </li>
</ul>
<div [ngbNavOutlet]="nav" class="mt-2"></div>
@@ -171,7 +180,7 @@
</form>
</div>
- <div class="col-md-6 col-xl-8 mb-3">
+ <div class="col-md-6 col-xl-8 mb-3 d-none d-md-block">
<div class="pdf-viewer-container" *ngIf="getContentType() == 'application/pdf'">
<pdf-viewer [src]="previewUrl" [original-size]="false" [show-borders]="true"></pdf-viewer>
</div>