From 8f7092def9f586a65f660180c1ff052ac33fc0c0 Mon Sep 17 00:00:00 2001
From: richard-loafle <44828666+richard-loafle@users.noreply.github.com>
Date: Thu, 30 Jan 2020 17:59:13 +0900
Subject: [PATCH] bug fixed

---
 .../file-viewer/image-viewer.component.html          | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.html b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.html
index a80ee104..b79d0e73 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.html
+++ b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/image-viewer.component.html
@@ -159,6 +159,7 @@
   </div>
   <div class="ucap-image-viewer-body">
     <div
+      #imageContainer
       class="ucap-image-viewer-image-wrapper"
       fxLayout="row"
       fxLayout.xs="column"
@@ -169,8 +170,15 @@
         #downloadImage
         *ngIf="fileDownloadUrl"
         [src]="fileDownloadUrl"
-        [style.width]="(zoomRatio / 100) * naturalWidth + 'px'"
-        [style.height]="'auto'"
+        [style.width]="'auto'"
+        [style.height]="
+          naturalHeight > imageContainer.clientHeight
+            ? ((imageContainer.clientHeight - 20) / naturalHeight) *
+                (zoomRatio / 100) *
+                naturalHeight +
+              'px'
+            : naturalHeight + 'px'
+        "
         (load)="onLoadFileDownloadUrl(downloadImage)"
       />
     </div>