@syncfusion/ej2-filemanager 30.2.4 → 31.1.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/dist/ej2-filemanager.min.js +2 -2
  2. package/dist/ej2-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-filemanager.es2015.js +9 -2
  5. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-filemanager.es5.js +9 -2
  7. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-filemanager.min.js +2 -2
  9. package/dist/global/ej2-filemanager.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +11 -11
  12. package/src/file-manager/common/utility.js +1 -0
  13. package/src/file-manager/layout/details-view.js +8 -2
  14. package/styles/bds-lite.css +19 -0
  15. package/styles/bds.css +42 -0
  16. package/styles/bootstrap-dark-lite.css +19 -0
  17. package/styles/bootstrap-dark.css +42 -0
  18. package/styles/bootstrap-lite.css +19 -0
  19. package/styles/bootstrap.css +42 -0
  20. package/styles/bootstrap4-lite.css +19 -0
  21. package/styles/bootstrap4.css +42 -0
  22. package/styles/bootstrap5-dark-lite.css +19 -0
  23. package/styles/bootstrap5-dark.css +42 -0
  24. package/styles/bootstrap5-lite.css +19 -0
  25. package/styles/bootstrap5.3-lite.css +19 -0
  26. package/styles/bootstrap5.3.css +42 -0
  27. package/styles/bootstrap5.css +42 -0
  28. package/styles/fabric-dark-lite.css +19 -0
  29. package/styles/fabric-dark.css +42 -0
  30. package/styles/fabric-lite.css +19 -0
  31. package/styles/fabric.css +42 -0
  32. package/styles/file-manager/_bds-definition.scss +2 -0
  33. package/styles/file-manager/_bigger.scss +30 -0
  34. package/styles/file-manager/_bootstrap-dark-definition.scss +2 -0
  35. package/styles/file-manager/_bootstrap-definition.scss +2 -0
  36. package/styles/file-manager/_bootstrap4-definition.scss +2 -0
  37. package/styles/file-manager/_bootstrap5-definition.scss +2 -0
  38. package/styles/file-manager/_bootstrap5.3-definition.scss +2 -0
  39. package/styles/file-manager/_fabric-dark-definition.scss +2 -0
  40. package/styles/file-manager/_fabric-definition.scss +2 -0
  41. package/styles/file-manager/_fluent-definition.scss +2 -0
  42. package/styles/file-manager/_highcontrast-definition.scss +2 -0
  43. package/styles/file-manager/_highcontrast-light-definition.scss +2 -0
  44. package/styles/file-manager/_layout.scss +26 -0
  45. package/styles/file-manager/_material-dark-definition.scss +2 -0
  46. package/styles/file-manager/_material-definition.scss +2 -0
  47. package/styles/file-manager/_tailwind-definition.scss +2 -0
  48. package/styles/file-manager/_tailwind3-definition.scss +2 -0
  49. package/styles/file-manager/bds.css +42 -0
  50. package/styles/file-manager/bootstrap-dark.css +42 -0
  51. package/styles/file-manager/bootstrap.css +42 -0
  52. package/styles/file-manager/bootstrap4.css +42 -0
  53. package/styles/file-manager/bootstrap5-dark.css +42 -0
  54. package/styles/file-manager/bootstrap5.3.css +42 -0
  55. package/styles/file-manager/bootstrap5.css +42 -0
  56. package/styles/file-manager/fabric-dark.css +42 -0
  57. package/styles/file-manager/fabric.css +42 -0
  58. package/styles/file-manager/fluent-dark.css +42 -0
  59. package/styles/file-manager/fluent.css +42 -0
  60. package/styles/file-manager/fluent2.css +47 -0
  61. package/styles/file-manager/highcontrast-light.css +42 -0
  62. package/styles/file-manager/highcontrast.css +42 -0
  63. package/styles/file-manager/material-dark.css +42 -0
  64. package/styles/file-manager/material.css +42 -0
  65. package/styles/file-manager/material3-dark.css +40 -0
  66. package/styles/file-manager/material3.css +40 -0
  67. package/styles/file-manager/tailwind-dark.css +42 -0
  68. package/styles/file-manager/tailwind.css +42 -0
  69. package/styles/file-manager/tailwind3.css +42 -0
  70. package/styles/fluent-dark-lite.css +19 -0
  71. package/styles/fluent-dark.css +42 -0
  72. package/styles/fluent-lite.css +19 -0
  73. package/styles/fluent.css +42 -0
  74. package/styles/fluent2-lite.css +19 -0
  75. package/styles/fluent2.css +47 -0
  76. package/styles/highcontrast-light-lite.css +19 -0
  77. package/styles/highcontrast-light.css +42 -0
  78. package/styles/highcontrast-lite.css +19 -0
  79. package/styles/highcontrast.css +42 -0
  80. package/styles/material-dark-lite.css +19 -0
  81. package/styles/material-dark.css +42 -0
  82. package/styles/material-lite.css +19 -0
  83. package/styles/material.css +42 -0
  84. package/styles/material3-dark-lite.css +12 -0
  85. package/styles/material3-dark.css +40 -0
  86. package/styles/material3-lite.css +12 -0
  87. package/styles/material3.css +40 -0
  88. package/styles/tailwind-dark-lite.css +19 -0
  89. package/styles/tailwind-dark.css +42 -0
  90. package/styles/tailwind-lite.css +19 -0
  91. package/styles/tailwind.css +42 -0
  92. package/styles/tailwind3-lite.css +19 -0
  93. package/styles/tailwind3.css +42 -0
package/styles/material3-dark.css CHANGED
@@ -993,6 +993,18 @@ ejs-filemanager {
993
993
  margin: auto;
994
994
  }
995
995
 
996
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
997
+ height: 100%;
998
+ }
999
+
1000
+ .e-filemanager .e-fe-splitter {
1001
+ height: calc(100% - 41px);
1002
+ }
1003
+
1004
+ .e-filemanager .e-view-container .e-fe-grid-container {
1005
+ height: calc(100% - 36px);
1006
+ }
1007
+
996
1008
  .e-filemanager {
997
1009
  background: transparent;
998
1010
  border-color: rgba(var(--color-sf-outline-variant));
@@ -1161,6 +1173,11 @@ ejs-filemanager {
1161
1173
  font-size: 24px;
1162
1174
  line-height: 24px;
1163
1175
  }
1176
+ .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,
1177
+ .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,
1178
+ .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 {
1179
+ padding: 0 2px;
1180
+ }
1164
1181
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1165
1182
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1166
1183
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1230,6 +1247,16 @@ ejs-filemanager {
1230
1247
  font-size: 20px;
1231
1248
  right: 13px;
1232
1249
  }
1250
+ .e-filemanager.e-fe-mobile .e-fe-splitter,
1251
+ .e-bigger .e-filemanager.e-fe-mobile .e-fe-splitter,
1252
+ .e-filemanager.e-bigger.e-fe-mobile .e-fe-splitter {
1253
+ height: calc(100% - 57px);
1254
+ }
1255
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1256
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1257
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1258
+ height: calc(100% - 40px);
1259
+ }
1233
1260
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1234
1261
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1235
1262
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1493,6 +1520,14 @@ ejs-filemanager {
1493
1520
  margin: 0;
1494
1521
  padding: 9px 18px 10px 10px;
1495
1522
  }
1523
+ .e-bigger .e-filemanager .e-fe-splitter,
1524
+ .e-filemanager.e-bigger .e-fe-splitter {
1525
+ height: calc(100% - 49px);
1526
+ }
1527
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1528
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1529
+ height: calc(100% - 52px);
1530
+ }
1496
1531
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1497
1532
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1498
1533
  border-width: 1px;
@@ -1666,6 +1701,11 @@ ejs-filemanager {
1666
1701
  height: calc(100% - 41px);
1667
1702
  }
1668
1703
 
1704
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1705
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1706
+ height: 100%;
1707
+ }
1708
+
1669
1709
  @media (max-width: 469px) {
1670
1710
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1671
1711
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/material3-lite.css CHANGED
@@ -995,6 +995,18 @@ ejs-filemanager {
995
995
  margin: auto;
996
996
  }
997
997
 
998
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
999
+ height: 100%;
1000
+ }
1001
+
1002
+ .e-filemanager .e-fe-splitter {
1003
+ height: calc(100% - 41px);
1004
+ }
1005
+
1006
+ .e-filemanager .e-view-container .e-fe-grid-container {
1007
+ height: calc(100% - 36px);
1008
+ }
1009
+
998
1010
  .e-filemanager {
999
1011
  background: transparent;
1000
1012
  border-color: rgba(var(--color-sf-outline-variant));
package/styles/material3.css CHANGED
@@ -995,6 +995,18 @@ ejs-filemanager {
995
995
  margin: auto;
996
996
  }
997
997
 
998
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
999
+ height: 100%;
1000
+ }
1001
+
1002
+ .e-filemanager .e-fe-splitter {
1003
+ height: calc(100% - 41px);
1004
+ }
1005
+
1006
+ .e-filemanager .e-view-container .e-fe-grid-container {
1007
+ height: calc(100% - 36px);
1008
+ }
1009
+
998
1010
  .e-filemanager {
999
1011
  background: transparent;
1000
1012
  border-color: rgba(var(--color-sf-outline-variant));
@@ -1163,6 +1175,11 @@ ejs-filemanager {
1163
1175
  font-size: 24px;
1164
1176
  line-height: 24px;
1165
1177
  }
1178
+ .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,
1179
+ .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,
1180
+ .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 {
1181
+ padding: 0 2px;
1182
+ }
1166
1183
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1167
1184
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1168
1185
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1232,6 +1249,16 @@ ejs-filemanager {
1232
1249
  font-size: 20px;
1233
1250
  right: 13px;
1234
1251
  }
1252
+ .e-filemanager.e-fe-mobile .e-fe-splitter,
1253
+ .e-bigger .e-filemanager.e-fe-mobile .e-fe-splitter,
1254
+ .e-filemanager.e-bigger.e-fe-mobile .e-fe-splitter {
1255
+ height: calc(100% - 57px);
1256
+ }
1257
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1258
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1259
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1260
+ height: calc(100% - 40px);
1261
+ }
1235
1262
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1236
1263
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1237
1264
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1495,6 +1522,14 @@ ejs-filemanager {
1495
1522
  margin: 0;
1496
1523
  padding: 9px 18px 10px 10px;
1497
1524
  }
1525
+ .e-bigger .e-filemanager .e-fe-splitter,
1526
+ .e-filemanager.e-bigger .e-fe-splitter {
1527
+ height: calc(100% - 49px);
1528
+ }
1529
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1530
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1531
+ height: calc(100% - 52px);
1532
+ }
1498
1533
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1499
1534
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1500
1535
  border-width: 1px;
@@ -1668,6 +1703,11 @@ ejs-filemanager {
1668
1703
  height: calc(100% - 41px);
1669
1704
  }
1670
1705
 
1706
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1707
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1708
+ height: 100%;
1709
+ }
1710
+
1671
1711
  @media (max-width: 469px) {
1672
1712
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1673
1713
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/tailwind-dark-lite.css CHANGED
@@ -413,6 +413,13 @@ ejs-filemanager {
413
413
  border-width: 1px;
414
414
  line-height: 12px;
415
415
  }
416
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
417
+ margin-right: 1px;
418
+ }
419
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
420
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
421
+ padding: 0 2px 0 9px;
422
+ }
416
423
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
417
424
  height: 0;
418
425
  padding: 0;
@@ -951,6 +958,18 @@ ejs-filemanager {
951
958
  margin: auto;
952
959
  }
953
960
 
961
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
962
+ height: 100%;
963
+ }
964
+
965
+ .e-filemanager .e-fe-splitter {
966
+ height: calc(100% - 39px);
967
+ }
968
+
969
+ .e-filemanager .e-view-container .e-fe-grid-container {
970
+ height: calc(100% - 35px);
971
+ }
972
+
954
973
  .e-filemanager {
955
974
  background: transparent;
956
975
  border-color: #4b5563;
package/styles/tailwind-dark.css CHANGED
@@ -413,6 +413,13 @@ ejs-filemanager {
413
413
  border-width: 1px;
414
414
  line-height: 12px;
415
415
  }
416
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
417
+ margin-right: 1px;
418
+ }
419
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
420
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
421
+ padding: 0 2px 0 9px;
422
+ }
416
423
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
417
424
  height: 0;
418
425
  padding: 0;
@@ -951,6 +958,18 @@ ejs-filemanager {
951
958
  margin: auto;
952
959
  }
953
960
 
961
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
962
+ height: 100%;
963
+ }
964
+
965
+ .e-filemanager .e-fe-splitter {
966
+ height: calc(100% - 39px);
967
+ }
968
+
969
+ .e-filemanager .e-view-container .e-fe-grid-container {
970
+ height: calc(100% - 35px);
971
+ }
972
+
954
973
  .e-filemanager {
955
974
  background: transparent;
956
975
  border-color: #4b5563;
@@ -1184,6 +1203,11 @@ ejs-filemanager {
1184
1203
  .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 {
1185
1204
  padding-left: 4px;
1186
1205
  }
1206
+ .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,
1207
+ .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,
1208
+ .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 {
1209
+ padding: 0 2px;
1210
+ }
1187
1211
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1188
1212
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1189
1213
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1254,6 +1278,11 @@ ejs-filemanager {
1254
1278
  margin: 3px 0;
1255
1279
  right: 13px;
1256
1280
  }
1281
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1282
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1283
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1284
+ height: calc(100% - 40px);
1285
+ }
1257
1286
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1258
1287
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1259
1288
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1529,6 +1558,14 @@ ejs-filemanager {
1529
1558
  font-size: 16px;
1530
1559
  margin: 7px 4px;
1531
1560
  }
1561
+ .e-bigger .e-filemanager .e-fe-splitter,
1562
+ .e-filemanager.e-bigger .e-fe-splitter {
1563
+ height: calc(100% - 49px);
1564
+ }
1565
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1566
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1567
+ height: calc(100% - 40px);
1568
+ }
1532
1569
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1533
1570
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1534
1571
  border-width: 1px;
@@ -1683,6 +1720,11 @@ ejs-filemanager {
1683
1720
  height: calc(100% - 41px);
1684
1721
  }
1685
1722
 
1723
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1724
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1725
+ height: 100%;
1726
+ }
1727
+
1686
1728
  @media (max-width: 469px) {
1687
1729
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1688
1730
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/tailwind-lite.css CHANGED
@@ -413,6 +413,13 @@ ejs-filemanager {
413
413
  border-width: 1px;
414
414
  line-height: 12px;
415
415
  }
416
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
417
+ margin-right: 1px;
418
+ }
419
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
420
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
421
+ padding: 0 2px 0 9px;
422
+ }
416
423
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
417
424
  height: 0;
418
425
  padding: 0;
@@ -951,6 +958,18 @@ ejs-filemanager {
951
958
  margin: auto;
952
959
  }
953
960
 
961
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
962
+ height: 100%;
963
+ }
964
+
965
+ .e-filemanager .e-fe-splitter {
966
+ height: calc(100% - 39px);
967
+ }
968
+
969
+ .e-filemanager .e-view-container .e-fe-grid-container {
970
+ height: calc(100% - 35px);
971
+ }
972
+
954
973
  .e-filemanager {
955
974
  background: transparent;
956
975
  border-color: #e5e7eb;
package/styles/tailwind.css CHANGED
@@ -413,6 +413,13 @@ ejs-filemanager {
413
413
  border-width: 1px;
414
414
  line-height: 12px;
415
415
  }
416
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
417
+ margin-right: 1px;
418
+ }
419
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
420
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
421
+ padding: 0 2px 0 9px;
422
+ }
416
423
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
417
424
  height: 0;
418
425
  padding: 0;
@@ -951,6 +958,18 @@ ejs-filemanager {
951
958
  margin: auto;
952
959
  }
953
960
 
961
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
962
+ height: 100%;
963
+ }
964
+
965
+ .e-filemanager .e-fe-splitter {
966
+ height: calc(100% - 39px);
967
+ }
968
+
969
+ .e-filemanager .e-view-container .e-fe-grid-container {
970
+ height: calc(100% - 35px);
971
+ }
972
+
954
973
  .e-filemanager {
955
974
  background: transparent;
956
975
  border-color: #e5e7eb;
@@ -1184,6 +1203,11 @@ ejs-filemanager {
1184
1203
  .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 {
1185
1204
  padding-left: 4px;
1186
1205
  }
1206
+ .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,
1207
+ .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,
1208
+ .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 {
1209
+ padding: 0 2px;
1210
+ }
1187
1211
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1188
1212
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1189
1213
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1254,6 +1278,11 @@ ejs-filemanager {
1254
1278
  margin: 3px 0;
1255
1279
  right: 13px;
1256
1280
  }
1281
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1282
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1283
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1284
+ height: calc(100% - 40px);
1285
+ }
1257
1286
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1258
1287
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1259
1288
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1529,6 +1558,14 @@ ejs-filemanager {
1529
1558
  font-size: 16px;
1530
1559
  margin: 7px 4px;
1531
1560
  }
1561
+ .e-bigger .e-filemanager .e-fe-splitter,
1562
+ .e-filemanager.e-bigger .e-fe-splitter {
1563
+ height: calc(100% - 49px);
1564
+ }
1565
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1566
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1567
+ height: calc(100% - 40px);
1568
+ }
1532
1569
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1533
1570
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1534
1571
  border-width: 1px;
@@ -1683,6 +1720,11 @@ ejs-filemanager {
1683
1720
  height: calc(100% - 41px);
1684
1721
  }
1685
1722
 
1723
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1724
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1725
+ height: 100%;
1726
+ }
1727
+
1686
1728
  @media (max-width: 469px) {
1687
1729
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1688
1730
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/tailwind3-lite.css CHANGED
@@ -435,6 +435,13 @@ ejs-filemanager {
435
435
  .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
436
436
  font-size: 10px;
437
437
  }
438
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
439
+ margin-right: 1px;
440
+ }
441
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
442
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
443
+ padding: 0 2px 0 9px;
444
+ }
438
445
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
439
446
  height: 0;
440
447
  padding: 0;
@@ -970,6 +977,18 @@ ejs-filemanager {
970
977
  margin: auto;
971
978
  }
972
979
 
980
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
981
+ height: 100%;
982
+ }
983
+
984
+ .e-filemanager .e-fe-splitter {
985
+ height: calc(100% - 49px);
986
+ }
987
+
988
+ .e-filemanager .e-view-container .e-fe-grid-container {
989
+ height: calc(100% - 48px);
990
+ }
991
+
973
992
  .e-filemanager {
974
993
  background: transparent;
975
994
  border-color: var(--color-sf-border);
package/styles/tailwind3.css CHANGED
@@ -435,6 +435,13 @@ ejs-filemanager {
435
435
  .e-filemanager .e-grid .e-checkbox-wrapper .e-icons.e-check {
436
436
  font-size: 10px;
437
437
  }
438
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
439
+ margin-right: 1px;
440
+ }
441
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
442
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
443
+ padding: 0 2px 0 9px;
444
+ }
438
445
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
439
446
  height: 0;
440
447
  padding: 0;
@@ -970,6 +977,18 @@ ejs-filemanager {
970
977
  margin: auto;
971
978
  }
972
979
 
980
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
981
+ height: 100%;
982
+ }
983
+
984
+ .e-filemanager .e-fe-splitter {
985
+ height: calc(100% - 49px);
986
+ }
987
+
988
+ .e-filemanager .e-view-container .e-fe-grid-container {
989
+ height: calc(100% - 48px);
990
+ }
991
+
973
992
  .e-filemanager {
974
993
  background: transparent;
975
994
  border-color: var(--color-sf-border);
@@ -1194,6 +1213,11 @@ ejs-filemanager {
1194
1213
  .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 {
1195
1214
  padding-left: 4px;
1196
1215
  }
1216
+ .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,
1217
+ .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,
1218
+ .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 {
1219
+ padding: 0 2px;
1220
+ }
1197
1221
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1198
1222
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1199
1223
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1266,6 +1290,11 @@ ejs-filemanager {
1266
1290
  margin: 3px 0;
1267
1291
  right: 13px;
1268
1292
  }
1293
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1294
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1295
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1296
+ height: calc(100% - 56px);
1297
+ }
1269
1298
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1270
1299
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1271
1300
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1538,6 +1567,14 @@ ejs-filemanager {
1538
1567
  margin: 9px 10px 8px 9px;
1539
1568
  padding: 4px;
1540
1569
  }
1570
+ .e-bigger .e-filemanager .e-fe-splitter,
1571
+ .e-filemanager.e-bigger .e-fe-splitter {
1572
+ height: calc(100% - 57px);
1573
+ }
1574
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1575
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1576
+ height: calc(100% - 56px);
1577
+ }
1541
1578
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1542
1579
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1543
1580
  border-width: 1px;
@@ -1698,6 +1735,11 @@ ejs-filemanager {
1698
1735
  height: calc(100% - 41px);
1699
1736
  }
1700
1737
 
1738
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1739
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1740
+ height: 100%;
1741
+ }
1742
+
1701
1743
  @media (max-width: 469px) {
1702
1744
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1703
1745
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {