Updates to release v4.4.5 fixes #1086 fixes #1087

kartik-v · Sep 24, 2017 · aa6c75f · aa6c75f
1 parent a7c9501
commit aa6c75f
Show file tree

Hide file tree

Showing 66 changed files with 930 additions and 450 deletions.
diff --git a/CHANGE.md b/CHANGE.md
@@ -1,6 +1,15 @@
 Change Log: `bootstrap-fileinput`
 =================================
 
+## version 4.4.5 (_under development_)
+
+**Date:** 24-Sep-2017
+
+- (enh #1087): Enhance SCSS/SASS styling configurations.
+- (enh #1086): New placeholder property and various caption rendering enhancements.
+- (enh #1085): Update Slovak Translations.
+- (enh #1084): Update Czech Translations.
+
 ## version 4.4.4
 
 **Date:** 21-Sep-2017

diff --git a/README.md b/README.md
@@ -27,7 +27,7 @@ View the [plugin documentation](http://plugins.krajee.com/file-input) and [plugi
 4. With release 4.0, AJAX uploads are supported. AJAX uploads require that the browser support HTML5 FormData and XHR2 (XMLHttpRequest 2). Most modern browsers support FormData and XHR2. The plugin will automatically degrade to normal form based submission for browsers not supporting AJAX uploads
 
 > NOTE: 
-> - The latest version of the plugin is v4.4.4. Bootstrap 4.x is supported in addition to Bootstrap 3.x since release v4.4.4. Refer the [CHANGE LOG](https://github.com/kartik-v/bootstrap-fileinput/blob/master/CHANGE.md) for details. 
+> - The latest version of the plugin is v4.4.5. Bootstrap 4.x is supported in addition to Bootstrap 3.x since release v4.4.4. Refer the [CHANGE LOG](https://github.com/kartik-v/bootstrap-fileinput/blob/master/CHANGE.md) for details. 
 > - You can use the [sass branch](https://github.com/kartik-v/bootstrap-fileinput/tree/sass) for installation using `bootstrap-sass` dependency.
 The [master branch](https://github.com/kartik-v/bootstrap-fileinput/tree/master) can be used for installation using plain `bootstrap` dependency.
 

diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
     "name": "bootstrap-fileinput",
-    "version": "4.4.4",
+    "version": "4.4.5",
     "homepage": "https://github.com/kartik-v/bootstrap-fileinput",
     "authors": [
         "Kartik Visweswaran <kartikv2@gmail.com>"

diff --git a/css/fileinput-rtl.css b/css/fileinput-rtl.css
@@ -1,5 +1,5 @@
 /*!
- * bootstrap-fileinput v4.4.4
+ * bootstrap-fileinput v4.4.5
  * http://plugins.krajee.com/file-input
  *
  * Krajee RTL (Right To Left) default styling for bootstrap-fileinput.
@@ -19,6 +19,21 @@
     margin-right: 3px;
 }
 
+.kv-rtl .file-caption-icon {
+    left: auto;
+    right: 10px;
+    margin: 0 0 0 10px;
+}
+
+.kv-rtl .file-caption.icon-visible .file-caption-name {
+    padding-left: 0;
+    padding-right: 30px;
+}
+
+.kv-rtl .file-caption.icon-visible .input-group-lg .file-caption-name {
+    padding-right: 34px;
+}
+
 .kv-rtl .close {
     float: left;
 }

diff --git a/css/fileinput-rtl.min.css b/css/fileinput-rtl.min.css
diff --git a/css/fileinput.css b/css/fileinput.css
@@ -1,5 +1,5 @@
 /*!
- * bootstrap-fileinput v4.4.4
+ * bootstrap-fileinput v4.4.5
  * http://plugins.krajee.com/file-input
  *
  * Krajee default styling for bootstrap-fileinput.
@@ -90,15 +90,35 @@ input[type=file].file-loading, .file-loading input[type=file] {
     display: block;
 }
 
-.file-caption-name {
+.file-caption {
+    position: relative;
+}
+
+.file-caption .file-caption-name {
+    width: 100%;
+    margin:0;
+    padding:0;
+    box-shadow: none;
+    border: none;
+    background: none;
+    outline: none;
+}
+
+.file-caption-icon {
+    display: none;
+    position: absolute;
+    top: 24%;
+    left: 8px;
+    vertical-align: middle;
+    margin-right: 5px;
+}
+
+.file-caption.icon-visible .file-caption-icon {
     display: inline-block;
-    overflow: hidden;
-    height: 20px;
-    word-break: break-all;
 }
 
-.input-group-lg .file-caption-name {
-    height: 25px;
+.file-caption.icon-visible .file-caption-name {
+    padding-left: 15px;
 }
 
 .file-error-message {
@@ -125,6 +145,10 @@ input[type=file].file-loading, .file-loading input[type=file] {
     opacity: 1;
 }
 
+.icon-lg.file-caption-icon {
+    margin-top: -2px;
+}
+
 .file-preview {
     border-radius: 5px;
     border: 1px solid #ddd;
@@ -546,6 +570,7 @@ input[type=file].file-loading, .file-loading input[type=file] {
     text-overflow: ellipsis;
 }
 
+
 @media screen and (max-width: 767px) {
     .file-preview-thumbnails {
         display: flex;

diff --git a/css/fileinput.min.css b/css/fileinput.min.css
diff --git a/examples/index.html b/examples/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<!-- release v4.4.4, copyright 2014 - 2017 Kartik Visweswaran -->
+<!-- release v4.4.5, copyright 2014 - 2017 Kartik Visweswaran -->
 <!--suppress JSUnresolvedLibraryURL -->
 <html lang="en">
 <head>