Fix #1638: Correct zoom cache to prevent duplicate thumb frames display

CHANGE.md

@@ -5,6 +5,8 @@ Change Log: `bootstrap-fileinput`
 
 **Date**: _under development_
 
+- (enh #1639): Update Greek Translations.
+- (enh #1638): Correct zoom cache to prevent duplicate thumb frames display.
 - (enh #1637): Remove dependency on DOM Purify Plugin.
 - (enh #1636): Enhance preview for PDF, Text & HTML.
 - (enh #1635): Enhance Text & HTML files initial preview to be read as links.

css/fileinput.css

@@ -200,6 +200,10 @@
 .file-preview-image {
     font: 40px Impact, Charcoal, sans-serif;
     color: #008000;
+    width:auto;
+    height:auto;
+    max-width:100%;
+    max-height:100%;
 }
 
 .krajee-default.file-preview-frame {
@@ -552,4 +556,8 @@
     background-color: #d9edf7;
     border-color: #17a2b8;
     box-shadow: none !important;
+}
+
+.file-preview .kv-zoom-cache {
+    display: none;
 }

js/fileinput.js

@@ -1736,7 +1736,7 @@
                 'data="{data}" type="{type}"' + tStyle + '>\n' + '<param name="movie" value="{caption}" />\n' +
                 $h.OBJECT_PARAMS + ' ' + $h.DEFAULT_PREVIEW + '\n</object>\n';
             tOther = '<div class="kv-preview-data file-preview-other-frame"' + tStyle + '>\n' + $h.DEFAULT_PREVIEW + '\n</div>\n';
-            tZoomCache = '<div class="kv-zoom-cache" style="display:none">{zoomContent}</div>';
+            tZoomCache = '<div class="kv-zoom-cache">{zoomContent}</div>';
             vDefaultDim = {width: '100%', height: '100%', 'min-height': '480px'};
             if (self._isPdfRendered()) {
                 tPdf = self.pdfRendererTemplate.replace('{renderer}', self._encodeURI(self.pdfRendererUrl));

scss/fileinput.scss

@@ -241,11 +241,18 @@ input[type=file].file-loading {
     }
     .clickable {
         cursor: pointer;
+    }    
+    .kv-zoom-cache {
+        display: none;
     }
 }
 .file-preview-image {
     font: multiply($pad, 8) $font-0, $font-1, $font-2;
     color: $green;
+    width:auto;
+    height:auto;
+    max-width:100%;
+    max-height:100%;    
 }
 .krajee-default {
     &.file-preview-frame {