Fix #115: Autosize file caption responsively on window resize

kartik-v · Jan 7, 2015 · 7540922 · 7540922
1 parent cd4c1cb
commit 7540922
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/CHANGE.md b/CHANGE.md
@@ -10,6 +10,7 @@ version 4.1.5
 6. (bug #112): Fix undefined filestack for individual file upload within preview.
 7. (bug #113): Icon layout template undefined when using user template.
 8. (bug #114): Prevent multiple file selection when using single file configuration.
+9. (enh #115): Autosize file caption responsively on window resize.
 
 version 4.1.4
 =============

diff --git a/examples/index.html b/examples/index.html
@@ -4,14 +4,14 @@
     <head>
         <meta charset="UTF-8"/>
         <title>Krajee JQuery Plugins - &copy; Kartik</title>
-        <link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
+        <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
         <link href="../css/fileinput.css" media="all" rel="stylesheet" type="text/css" />
         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
         <script src="../js/fileinput.js" type="text/javascript"></script>
-        <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js" type="text/javascript"></script>
+        <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js" type="text/javascript"></script>
     </head>
     <body>
-        <div class="container">
+        <div class="container kv-main">
             <h1>Bootstrap File Input Example</h1>
             <form enctype="multipart/form-data">
                 <div class="form-group">

diff --git a/js/fileinput.js b/js/fileinput.js
@@ -1464,7 +1464,7 @@
             self.$caption.css('width', 0);
             setTimeout(function() {
                 var w = self.$captionContainer.width();
-                self.$caption.css('width', 0.98 * w);
+                self.$caption.css('width', 0.98 * w + 'px');
             }, 50);
         },
         setCaption: function(content) {

diff --git a/js/fileinput.min.js b/js/fileinput.min.js