@syncfusion/ej2-filemanager 20.3.49 → 20.4.38

package/src/file-manager/models/virtualization-settings.js

@@ -0,0 +1,40 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Property, ChildProperty } from '@syncfusion/ej2-base';
+/**
+ * Specifies the virtualization settings of the File Manager.
+ */
+var VirtualizationSettings = /** @class */ (function (_super) {
+    __extends(VirtualizationSettings, _super);
+    function VirtualizationSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    __decorate([
+        Property(false)
+    ], VirtualizationSettings.prototype, "enable", void 0);
+    __decorate([
+        Property(20)
+    ], VirtualizationSettings.prototype, "detailsViewItemsCount", void 0);
+    __decorate([
+        Property(40)
+    ], VirtualizationSettings.prototype, "largeIconsViewItemsCount", void 0);
+    return VirtualizationSettings;
+}(ChildProperty));
+export { VirtualizationSettings };

package/src/global.js

@@ -1,3 +1,3 @@
 import * as index from './index';
-index.FileManager.Inject(index.DetailsView, index.NavigationPane, index.LargeIconsView, index.Toolbar, index.ContextMenu, index.BreadCrumbBar);
+index.FileManager.Inject(index.DetailsView, index.NavigationPane, index.LargeIconsView, index.Toolbar, index.ContextMenu, index.BreadCrumbBar, index.Virtualization);
 export * from './index';

package/styles/bootstrap-dark.css

@@ -228,16 +228,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1396,14 +1386,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/bootstrap.css

@@ -229,16 +229,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1396,14 +1386,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/bootstrap4.css

@@ -228,16 +228,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1396,14 +1386,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/bootstrap5-dark.css

@@ -237,16 +237,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1435,14 +1425,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/bootstrap5.css

@@ -237,16 +237,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1435,14 +1425,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/fabric-dark.css

@@ -224,16 +224,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1390,14 +1380,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/fabric.css

@@ -225,16 +225,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1391,14 +1381,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/_layout.scss

@@ -80,25 +80,6 @@
         border-width: 0 0 1px;
       }
 
-      .e-toolbar-items .e-toolbar-item.e-template {
-        height: 30px;
-
-        .e-upload.e-fm-upload {
-          border: 0;
-
-          .e-file-select-wrap {
-            padding-left: 1px;
-            padding-right: 1px;
-
-            .e-css.e-btn:hover {
-              @if $fm-skin-name == 'material' {
-                box-shadow: none;
-              }
-            }
-          }
-        }
-      }
-
       .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
         border: 0;
         box-shadow: none;
@@ -1831,6 +1812,15 @@
     }
   }
 
+  @media (min-width: 360px) and (max-width: 500px) {
+    @if $skin-name == 'FluentUI' {
+      .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+        position: relative;
+        right: 10px;
+      }
+    }
+  }
+  
   .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
     height: 100%;
     width: 100%;

package/styles/file-manager/bootstrap-dark.css

@@ -228,16 +228,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1396,14 +1386,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/bootstrap.css

@@ -229,16 +229,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1396,14 +1386,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/bootstrap4.css

@@ -228,16 +228,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1396,14 +1386,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/bootstrap5-dark.css

@@ -237,16 +237,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1435,14 +1425,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/bootstrap5.css

@@ -237,16 +237,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1435,14 +1425,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/fabric-dark.css

@@ -224,16 +224,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1390,14 +1380,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/fabric.css

@@ -225,16 +225,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1391,14 +1381,14 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }

package/styles/file-manager/fluent-dark.css

@@ -235,16 +235,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1403,18 +1393,24 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }
 }
+@media (min-width: 360px) and (max-width: 500px) {
+  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+    position: relative;
+    right: 10px;
+  }
+}
 .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
   height: 100%;
   width: 100%;

package/styles/file-manager/fluent.css

@@ -235,16 +235,6 @@ ejs-filemanager {
   border-bottom-style: solid;
   border-width: 0 0 1px;
 }
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
-  height: 30px;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
-  border: 0;
-}
-.e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
-  padding-left: 1px;
-  padding-right: 1px;
-}
 .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
   border: 0;
   box-shadow: none;
@@ -1403,18 +1393,24 @@ ejs-filemanager {
 
 @media (max-width: 469px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(50% - 17px);
   }
 }
 @media (min-width: 470px) and (max-width: 625px) {
   .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
-.e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
+  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
     min-width: 140px;
     width: calc(33.33% - 17px);
   }
 }
+@media (min-width: 360px) and (max-width: 500px) {
+  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame {
+    position: relative;
+    right: 10px;
+  }
+}
 .e-content-placeholder.e-filemanager.e-placeholder-filemanager {
   height: 100%;
   width: 100%;