Fix #1595: Enhance styling for drop zone to maintain consistent size during file selections

CHANGE.md

@@ -5,6 +5,7 @@ Change Log: `bootstrap-fileinput`
 
 **Date**: _under development_
 
+- (enh #1595): Enhance styling for drop zone to maintain consistent size during file selections.
 - (bug #1594): Correct `removeThumb` validation for in readFiles `throwError` method.
 - (enh #1593): Correct resumable test upload validation.
 - (enh #1591): Parse arguments as an array via vanilla JS.

css/fileinput.css

@@ -400,6 +400,7 @@
 
 .file-drop-zone {
     border: 1px dashed #aaa;
+    min-height: 260px;
     border-radius: 4px;
     text-align: center;
     vertical-align: middle;
@@ -422,6 +423,7 @@
 .file-drop-zone-title {
     color: #aaa;
     font-size: 1.6em;
+    text-align:center;
     padding: 85px 10px;
     cursor: default;
 }

scss/fileinput.scss

@@ -505,7 +505,7 @@ input[type=file].file-loading {
 .file-drop-zone {
     border: $border dashed $silver-chalice;
     border-radius: $radius;
-    height: 100%;
+    min-height: multiply($pad, 52);
     text-align: center;
     vertical-align: middle;
     margin: multiply($pad, 2.4) multiply($pad, 3) multiply($pad, 2.4) multiply($pad, 2.4);