@syncfusion/ej2-filemanager 30.2.4 → 31.1.21

package/styles/file-manager/_layout.scss

@@ -465,6 +465,20 @@
       border-width: 0;
       float: left;
 
+      &.sf-grid {
+        .e-headercell.e-fe-grid-icon .e-headercelldiv {
+          @if $fm-skin-name !='Material3' {
+            margin-right: 1px;
+          }
+        }
+
+        .e-gridheader .e-fe-grid-icon,
+        .e-gridcontent .e-fe-grid-icon  {
+          @if $fm-skin-name !='Material3' {
+            padding: 0 2px 0 9px;
+          }
+        }
+      }
       .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
         height: 0;
         padding: 0;
@@ -1360,4 +1374,16 @@
   .e-filemanager .e-empty.e-view-container {
     margin: auto;
   }
+
+  .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+    height: 100%;
+  }
+
+  .e-filemanager .e-fe-splitter {
+    height: calc(100% - #{if($fm-skin-name == 'Material3' or $fm-skin-name == 'fluent2', $fe-tb-height + 1px, $fe-tb-height)});
+  }
+
+  .e-filemanager .e-view-container .e-fe-grid-container {
+    height: calc(100% - $fe-address-height);
+  }
 }

package/styles/file-manager/_material-dark-definition.scss

@@ -111,10 +111,12 @@ $fe-cb-line-height: 9px !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !default;
+$fe-tb-height: 43px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 40px !default;
+$fe-big-tb-height: 57px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
 $fe-big-tb-ddb-btn-padding: 0 6px !default;

package/styles/file-manager/_material-definition.scss

@@ -111,10 +111,12 @@ $fe-cb-line-height: 9px !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !default;
+$fe-tb-height: 43px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 40px !default;
+$fe-big-tb-height: 57px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
 $fe-big-tb-ddb-btn-padding: 0 6px !default;

package/styles/file-manager/_tailwind-definition.scss

@@ -102,10 +102,12 @@ $fe-cb-line-height: 12px !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 35px !default;
+$fe-tb-height: 39px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 40px !default;
+$fe-big-tb-height: 49px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
 $fe-big-tb-ddb-btn-padding: 0 6px !default;

package/styles/file-manager/_tailwind3-definition.scss

@@ -69,10 +69,12 @@ $fe-cb-line-height: 14px !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 40px !default;
 $fe-address-height: 48px !default;
+$fe-tb-height: 49px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 48px !default;
 $fe-big-address-height: 56px !default;
+$fe-big-tb-height: 57px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
 $fe-big-tb-ddb-btn-padding: 0 6px !default;

package/styles/file-manager/bds.css

@@ -637,6 +637,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -1175,6 +1182,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 49px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 35px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: var(--color-sf-border-secondary);
@@ -1408,6 +1427,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1478,6 +1502,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1753,6 +1782,14 @@ ejs-filemanager {
   font-size: 16px;
   margin: 7px 4px;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 57px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1907,6 +1944,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @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 {

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

@@ -409,6 +409,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 42px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: #1a1a1a;
   border-color: #505050;
@@ -1183,6 +1202,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1253,6 +1277,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1502,6 +1531,14 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 7px 0;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 52px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1658,6 +1695,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @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 {

package/styles/file-manager/bootstrap.css

@@ -410,6 +410,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 41px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #e0e0e0;
@@ -1165,6 +1184,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1235,6 +1259,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1484,6 +1513,14 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 7px 0;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 51px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1640,6 +1677,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @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 {

package/styles/file-manager/bootstrap4.css

@@ -409,6 +409,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 10px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -945,6 +952,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 39px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 34px);
+}
+
 .e-filemanager {
   background: #fff;
   border-color: #dee2e6;
@@ -1193,6 +1212,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1263,6 +1287,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1512,6 +1541,14 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 7px 0;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 55px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1668,6 +1705,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @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 {

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

@@ -417,6 +417,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -947,6 +954,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 39px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 35px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: rgb(68.0034482759, 75.85, 83.6965517241);
@@ -1202,6 +1221,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1272,6 +1296,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1547,6 +1576,14 @@ ejs-filemanager {
   font-size: 16px;
   margin: 4px;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 47px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1695,6 +1732,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @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 {

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

@@ -424,6 +424,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -936,6 +943,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 41px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 36px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: var(--color-sf-border-light);
@@ -1166,6 +1185,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1236,6 +1260,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1485,6 +1514,14 @@ ejs-filemanager {
 .e-filemanager.e-bigger .e-address .e-fe-search {
   margin: 7px 0;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 47px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 42px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1641,6 +1678,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @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 {

package/styles/file-manager/bootstrap5.css

@@ -417,6 +417,13 @@ ejs-filemanager {
   border-width: 1px;
   line-height: 12px;
 }
+.e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
+  margin-right: 1px;
+}
+.e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
+.e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
+  padding: 0 2px 0 9px;
+}
 .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
   height: 0;
   padding: 0;
@@ -947,6 +954,18 @@ ejs-filemanager {
   margin: auto;
 }
 
+.e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
+.e-filemanager .e-fe-splitter {
+  height: calc(100% - 39px);
+}
+
+.e-filemanager .e-view-container .e-fe-grid-container {
+  height: calc(100% - 35px);
+}
+
 .e-filemanager {
   background: transparent;
   border-color: #dee2e6;
@@ -1202,6 +1221,11 @@ ejs-filemanager {
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon.e-fe-copy {
   padding-left: 4px;
 }
+.e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-bigger .e-filemanager.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid,
+.e-filemanager.e-bigger.e-fe-mobile:not(.e-rtl) .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt.e-icon-btn .e-icons.e-btn-icon.e-fe-grid {
+  padding: 0 2px;
+}
 .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
 .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1272,6 +1296,11 @@ ejs-filemanager {
   margin: 3px 0;
   right: 13px;
 }
+.e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
 .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1547,6 +1576,14 @@ ejs-filemanager {
   font-size: 16px;
   margin: 4px;
 }
+.e-bigger .e-filemanager .e-fe-splitter,
+.e-filemanager.e-bigger .e-fe-splitter {
+  height: calc(100% - 47px);
+}
+.e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
+.e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
+  height: calc(100% - 40px);
+}
 .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
 .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
   border-width: 1px;
@@ -1695,6 +1732,11 @@ ejs-filemanager {
   height: calc(100% - 41px);
 }
 
+.e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
+.e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
+  height: 100%;
+}
+
 @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 {