Version 1.3

- i18n localization support
- Added SK, EN language files
- Video/Audio preview in file preview panel (Thanks to Joshua Fouyon to participating on this feature)
- Drop uploading (You can now drag files from desktop and drop it to VueFileManager)
- Fixed bug when rename item in safari browser
- Fixed bug when you drag folder from trash to favourites in sidebar panel
- small functions and design improvements

resources/js/components/VueFileManagerComponents/Others/ThumbnailItem.vue

@@ -2,7 +2,7 @@
     <div class="file-item">
 
         <!--Thumbnail for item-->
-        <div class="icon-item" :class="file.type">
+        <div class="icon-item">
 
             <!--If is file or image, then link item-->
             <span v-if="isFile" class="file-icon-text">{{ file.mimetype }}</span>
@@ -11,7 +11,7 @@
             <FontAwesomeIcon v-if="isFile" class="file-icon" icon="file"/>
 
             <!--Image thumbnail-->
-            <img v-if="isImage" :src="file.thumbnail" :alt="file.name"/>
+            <img v-if="isImage" class="image" :src="file.thumbnail" :alt="file.name"/>
 
             <!--Else show only folder icon-->
             <FontAwesomeIcon v-if="isFolder" class="folder-icon" icon="folder"/>
@@ -41,7 +41,7 @@
                 return this.file.type === 'folder'
             },
             isFile() {
-                return this.file.type === 'file'
+                return this.file.type !== 'folder' && this.file.type !== 'image'
             },
             isImage() {
                 return this.file.type === 'image'
@@ -87,6 +87,8 @@
         .icon-item {
             position: relative;
             min-width: 40px;
+            text-align: center;
+            line-height: 0;
 
             .file-icon {
                 @include font-size(35);
@@ -106,39 +108,32 @@
                 }
             }
 
-            &.file {
+            .file-icon-text {
+                line-height: 1;
+                top: 40%;
+                @include font-size(9);
+                margin: 0 auto;
+                position: absolute;
                 text-align: center;
-
-                .file-icon-text {
-                    top: 40%;
-                    @include font-size(9);
-                    margin: 0 auto;
-                    position: absolute;
-                    text-align: center;
-                    left: 0;
-                    right: 0;
-                    color: $theme;
-                    font-weight: 600;
-                    user-select: none;
-                    max-width: 20px;
-                    max-height: 20px;
-                    overflow: hidden;
-                    text-overflow: ellipsis;
-                    white-space: nowrap;
-                }
+                left: 0;
+                right: 0;
+                color: $theme;
+                font-weight: 600;
+                user-select: none;
+                max-width: 20px;
+                max-height: 20px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
             }
 
-            &.image {
-                line-height: 0;
-
-                img {
-                    object-fit: cover;
-                    user-select: none;
-                    max-width: 100%;
-                    border-radius: 5px;
-                    width: 36px;
-                    height: 36px;
-                }
+            .image {
+                object-fit: cover;
+                user-select: none;
+                max-width: 100%;
+                border-radius: 5px;
+                width: 36px;
+                height: 36px;
             }
         }
     }