Fix preview wrapper size when $(document).height() > $(window).height()

Author: codedust

app.css

@@ -58,6 +58,7 @@ a, a:hover {
   right: 10%;
   bottom: 10%;
   left: 10%;
+  min-width: 10%;
   background: rgba(0, 0, 0, 0.5);;
   transition: width 200ms, height 200ms, left 200ms;
   text-align: center;

app.js

@@ -100,11 +100,13 @@ var app = function(){
       $(".file-view-img").css('padding-top', '0');
       $(".file-view-img").attr('src', filepath);
       $(".file-view-img").fadeIn();
-      var scale_width = 0.8 * $(document).width() / img.width;
-      var scale_height = 0.8 * $(document).height() / img.height;
+      var scale_width = 0.8 * $(window).width() / img.width;
+      var scale_height = 0.8 * $(window).height() / img.height;
       var imgWidth = img.width * Math.min(scale_width, scale_height);
+      var imgHeight = img.height * Math.min(scale_width, scale_height);
       $(".file-view-wrapper").css('left', ($(document).width() - imgWidth) / 2);
       $(".file-view-wrapper").css('width', imgWidth);
+      $(".file-view-wrapper").css('height', imgHeight);
       $(".file-view-prev").css('display', 'block');
       $(".file-view-next").css('display', 'block');
     };