@syncfusion/ej2-filemanager 30.2.4 → 31.1.21

package/styles/bootstrap5-lite.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;

package/styles/bootstrap5.3-lite.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);

package/styles/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/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 {

package/styles/fabric-dark-lite.css

@@ -405,6 +405,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;
@@ -943,6 +950,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: #201f1f;
   border-color: #414040;

package/styles/fabric-dark.css

@@ -405,6 +405,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;
@@ -943,6 +950,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: #201f1f;
   border-color: #414040;
@@ -1164,6 +1183,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 {
@@ -1234,6 +1258,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 {
@@ -1483,6 +1512,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;
@@ -1639,6 +1676,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/fabric-lite.css

@@ -406,6 +406,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;
@@ -944,6 +951,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;

package/styles/fabric.css

@@ -406,6 +406,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;
@@ -944,6 +951,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;
@@ -1164,6 +1183,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 {
@@ -1234,6 +1258,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 {
@@ -1483,6 +1512,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;
@@ -1639,6 +1676,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/_bds-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: 49px !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/_bigger.scss

@@ -138,6 +138,11 @@
           }
         }
       }
+      &: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-toolbar-left {
         .e-icons.e-fe-sort {
@@ -207,6 +212,16 @@
         }
       }
 
+      @if ($fm-skin-name == 'Material3' or $fm-skin-name == 'fluent2') {
+        .e-fe-splitter {
+          height: calc(100% - #{$fe-mobile-tb-height + 1px});
+        }
+      }
+
+      .e-view-container .e-fe-grid-container {
+        height: calc(100% - $fe-mobile-search-height);
+      }
+
       .e-grid {
 
         .e-fe-grid-icon .e-fe-icon {
@@ -610,6 +625,14 @@
       }
     }
 
+    .e-fe-splitter {
+      height: calc(100% - #{if($fm-skin-name == 'Material3' or $fm-skin-name == 'fluent2', $fe-big-tb-height + 1px, $fe-big-tb-height)});
+    }
+
+    .e-view-container .e-fe-grid-container {
+      height: calc(100% - $fe-big-address-height);
+    }
+
     .e-grid {
       @include checkbox($fe-big-cb-line-height);
       @if $fm-skin-name == 'tailwind3' {
@@ -789,6 +812,13 @@
       }
     }
   }
+
+  .e-filemanager.e-fe-no-toolbar.e-fe-mobile,
+  .e-bigger .e-filemanager.e-fe-no-toolbar {
+    .e-fe-splitter {
+      height: 100%;
+    }
+  }
   
   @media (max-width: 469px) {
     .e-bigger .e-filemanager,

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

@@ -110,10 +110,12 @@ $fe-cm-separator-margin: 0 0 !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !default;
+$fe-tb-height: 42px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 40px !default;
+$fe-big-tb-height: 52px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
 $fe-big-tb-ddb-btn-padding: 1px 7px !default;

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

@@ -109,10 +109,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: 41px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 40px !default;
+$fe-big-tb-height: 51px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 6px !default;
 $fe-big-tb-ddb-btn-padding: 1px 7px !default;

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

@@ -112,10 +112,12 @@ $fe-cm-separator-margin: 0 0 !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !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: 55px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 1px 7px !default;
 $fe-big-tb-ddb-btn-padding: 1px 7px !default;

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

@@ -68,10 +68,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: 47px !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/_bootstrap5.3-definition.scss

@@ -67,10 +67,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: 36px !default;
+$fe-tb-height: 41px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 42px !default;
+$fe-big-tb-height: 47px !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/_fabric-dark-definition.scss

@@ -106,10 +106,12 @@ $fe-cm-separator-margin: 0 0 !default;
 $fe-dd-popup-blank-icon-padding-left: 34px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !default;
+$fe-tb-height: 41px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 40px !default;
+$fe-big-tb-height: 51px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 !default;
 $fe-big-tb-ddb-btn-padding: 0 !default;

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

@@ -110,10 +110,12 @@ $fe-cm-separator-margin: 0 0 !default;
 $fe-dd-popup-blank-icon-padding-left: 34px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !default;
+$fe-tb-height: 41px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 40px !default;
+$fe-big-tb-height: 51px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 !default;
 $fe-big-tb-ddb-btn-padding: 0 !default;

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

@@ -73,10 +73,12 @@ $fe-cb-line-height: 16px !default;
 $fe-dd-popup-blank-icon-padding-left: 40px !default;
 $fe-tv-fullrow-height: 38px !default;
 $fe-address-height: 40px !default;
+$fe-tb-height: 41px !default;
 $fe-tv-node-height: 36px !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/_highcontrast-definition.scss

@@ -108,10 +108,12 @@ $fe-cm-separator-margin: 0 0 !default;
 $fe-dd-popup-blank-icon-padding-left: 34px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !default;
+$fe-tb-height: 41px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 42px !default;
+$fe-big-tb-height: 51px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 !default;
 $fe-big-tb-ddb-btn-padding: 0 !default;

package/styles/file-manager/_highcontrast-light-definition.scss

@@ -108,10 +108,12 @@ $fe-cm-separator-margin: 0 0 !default;
 $fe-dd-popup-blank-icon-padding-left: 34px !default;
 $fe-tv-fullrow-height: 34px !default;
 $fe-address-height: 34px !default;
+$fe-tb-height: 41px !default;
 $fe-tv-node-height: 32px !default;
 
 $fe-big-tv-fullrow-height: 40px !default;
 $fe-big-address-height: 42px !default;
+$fe-big-tb-height: 51px !default;
 $fe-big-tv-node-height: 38px !default;
 $fe-big-tb-ddb-btn-hvr-padding: 0 !default;
 $fe-big-tb-ddb-btn-padding: 0 !default;