@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/fluent.css CHANGED
@@ -411,6 +411,13 @@ ejs-filemanager {
411
411
  border-width: 1px;
412
412
  line-height: 16px;
413
413
  }
414
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
415
+ margin-right: 1px;
416
+ }
417
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
418
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
419
+ padding: 0 2px 0 9px;
420
+ }
414
421
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
415
422
  height: 0;
416
423
  padding: 0;
@@ -944,6 +951,18 @@ ejs-filemanager {
944
951
  margin: auto;
945
952
  }
946
953
 
954
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
955
+ height: 100%;
956
+ }
957
+
958
+ .e-filemanager .e-fe-splitter {
959
+ height: calc(100% - 41px);
960
+ }
961
+
962
+ .e-filemanager .e-view-container .e-fe-grid-container {
963
+ height: calc(100% - 40px);
964
+ }
965
+
947
966
  .e-filemanager {
948
967
  background: transparent;
949
968
  border-color: #edebe9;
@@ -1161,6 +1180,11 @@ ejs-filemanager {
1161
1180
  .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 {
1162
1181
  padding-left: 4px;
1163
1182
  }
1183
+ .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,
1184
+ .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,
1185
+ .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 {
1186
+ padding: 0 2px;
1187
+ }
1164
1188
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1165
1189
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1166
1190
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1231,6 +1255,11 @@ ejs-filemanager {
1231
1255
  margin: 3px 0;
1232
1256
  right: 13px;
1233
1257
  }
1258
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1259
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1260
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1261
+ height: calc(100% - 40px);
1262
+ }
1234
1263
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1235
1264
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1236
1265
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1485,6 +1514,14 @@ ejs-filemanager {
1485
1514
  font-size: 18px;
1486
1515
  margin: 3px;
1487
1516
  }
1517
+ .e-bigger .e-filemanager .e-fe-splitter,
1518
+ .e-filemanager.e-bigger .e-fe-splitter {
1519
+ height: calc(100% - 49px);
1520
+ }
1521
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1522
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1523
+ height: calc(100% - 40px);
1524
+ }
1488
1525
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1489
1526
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1490
1527
  border-width: 1px;
@@ -1641,6 +1678,11 @@ ejs-filemanager {
1641
1678
  height: calc(100% - 41px);
1642
1679
  }
1643
1680
 
1681
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1682
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1683
+ height: 100%;
1684
+ }
1685
+
1644
1686
  @media (max-width: 469px) {
1645
1687
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1646
1688
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/fluent2-lite.css CHANGED
@@ -620,6 +620,13 @@ ejs-filemanager {
620
620
  font-size: 10px;
621
621
  margin: 0;
622
622
  }
623
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
624
+ margin-right: 1px;
625
+ }
626
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
627
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
628
+ padding: 0 2px 0 9px;
629
+ }
623
630
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
624
631
  height: 0;
625
632
  padding: 0;
@@ -1175,6 +1182,18 @@ ejs-filemanager {
1175
1182
  margin: auto;
1176
1183
  }
1177
1184
 
1185
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1186
+ height: 100%;
1187
+ }
1188
+
1189
+ .e-filemanager .e-fe-splitter {
1190
+ height: calc(100% - 41px);
1191
+ }
1192
+
1193
+ .e-filemanager .e-view-container .e-fe-grid-container {
1194
+ height: calc(100% - 40px);
1195
+ }
1196
+
1178
1197
  .e-filemanager {
1179
1198
  background: var(--color-sf-content-bg-color-alt1);
1180
1199
  border-color: var(--color-sf-border-light);
package/styles/fluent2.css CHANGED
@@ -620,6 +620,13 @@ ejs-filemanager {
620
620
  font-size: 10px;
621
621
  margin: 0;
622
622
  }
623
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
624
+ margin-right: 1px;
625
+ }
626
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
627
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
628
+ padding: 0 2px 0 9px;
629
+ }
623
630
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
624
631
  height: 0;
625
632
  padding: 0;
@@ -1175,6 +1182,18 @@ ejs-filemanager {
1175
1182
  margin: auto;
1176
1183
  }
1177
1184
 
1185
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1186
+ height: 100%;
1187
+ }
1188
+
1189
+ .e-filemanager .e-fe-splitter {
1190
+ height: calc(100% - 41px);
1191
+ }
1192
+
1193
+ .e-filemanager .e-view-container .e-fe-grid-container {
1194
+ height: calc(100% - 40px);
1195
+ }
1196
+
1178
1197
  .e-filemanager {
1179
1198
  background: var(--color-sf-content-bg-color-alt1);
1180
1199
  border-color: var(--color-sf-border-light);
@@ -1402,6 +1421,11 @@ ejs-filemanager {
1402
1421
  .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 {
1403
1422
  padding-left: 4px;
1404
1423
  }
1424
+ .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,
1425
+ .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,
1426
+ .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 {
1427
+ padding: 0 2px;
1428
+ }
1405
1429
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1406
1430
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1407
1431
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1472,6 +1496,16 @@ ejs-filemanager {
1472
1496
  margin: 3px 0;
1473
1497
  right: 13px;
1474
1498
  }
1499
+ .e-filemanager.e-fe-mobile .e-fe-splitter,
1500
+ .e-bigger .e-filemanager.e-fe-mobile .e-fe-splitter,
1501
+ .e-filemanager.e-bigger.e-fe-mobile .e-fe-splitter {
1502
+ height: calc(100% - 49px);
1503
+ }
1504
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1505
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1506
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1507
+ height: calc(100% - 40px);
1508
+ }
1475
1509
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1476
1510
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1477
1511
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1748,6 +1782,14 @@ ejs-filemanager {
1748
1782
  .e-filemanager.e-bigger .e-address .e-fe-search {
1749
1783
  margin: 7px 0;
1750
1784
  }
1785
+ .e-bigger .e-filemanager .e-fe-splitter,
1786
+ .e-filemanager.e-bigger .e-fe-splitter {
1787
+ height: calc(100% - 49px);
1788
+ }
1789
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1790
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1791
+ height: calc(100% - 48px);
1792
+ }
1751
1793
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1752
1794
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1753
1795
  border-width: 1px;
@@ -1917,6 +1959,11 @@ ejs-filemanager {
1917
1959
  height: calc(100% - 88px);
1918
1960
  }
1919
1961
 
1962
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1963
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1964
+ height: 100%;
1965
+ }
1966
+
1920
1967
  @media (max-width: 469px) {
1921
1968
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1922
1969
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/highcontrast-light-lite.css CHANGED
@@ -409,6 +409,13 @@ ejs-filemanager {
409
409
  border-width: 1px;
410
410
  line-height: 12px;
411
411
  }
412
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
413
+ margin-right: 1px;
414
+ }
415
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
416
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
417
+ padding: 0 2px 0 9px;
418
+ }
412
419
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
413
420
  height: 0;
414
421
  padding: 0;
@@ -943,6 +950,18 @@ ejs-filemanager {
943
950
  margin: auto;
944
951
  }
945
952
 
953
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
954
+ height: 100%;
955
+ }
956
+
957
+ .e-filemanager .e-fe-splitter {
958
+ height: calc(100% - 41px);
959
+ }
960
+
961
+ .e-filemanager .e-view-container .e-fe-grid-container {
962
+ height: calc(100% - 34px);
963
+ }
964
+
946
965
  .e-filemanager {
947
966
  background: transparent;
948
967
  border-color: #e0e0e0;
package/styles/highcontrast-light.css CHANGED
@@ -409,6 +409,13 @@ ejs-filemanager {
409
409
  border-width: 1px;
410
410
  line-height: 12px;
411
411
  }
412
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
413
+ margin-right: 1px;
414
+ }
415
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
416
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
417
+ padding: 0 2px 0 9px;
418
+ }
412
419
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
413
420
  height: 0;
414
421
  padding: 0;
@@ -943,6 +950,18 @@ ejs-filemanager {
943
950
  margin: auto;
944
951
  }
945
952
 
953
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
954
+ height: 100%;
955
+ }
956
+
957
+ .e-filemanager .e-fe-splitter {
958
+ height: calc(100% - 41px);
959
+ }
960
+
961
+ .e-filemanager .e-view-container .e-fe-grid-container {
962
+ height: calc(100% - 34px);
963
+ }
964
+
946
965
  .e-filemanager {
947
966
  background: transparent;
948
967
  border-color: #e0e0e0;
@@ -1164,6 +1183,11 @@ ejs-filemanager {
1164
1183
  .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 {
1165
1184
  padding-left: 4px;
1166
1185
  }
1186
+ .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,
1187
+ .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,
1188
+ .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 {
1189
+ padding: 0 2px;
1190
+ }
1167
1191
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1168
1192
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1169
1193
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1234,6 +1258,11 @@ ejs-filemanager {
1234
1258
  margin: 3px 0;
1235
1259
  right: 13px;
1236
1260
  }
1261
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1262
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1263
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1264
+ height: calc(100% - 40px);
1265
+ }
1237
1266
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1238
1267
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1239
1268
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1483,6 +1512,14 @@ ejs-filemanager {
1483
1512
  .e-filemanager.e-bigger .e-address .e-fe-search {
1484
1513
  margin: 7px 0;
1485
1514
  }
1515
+ .e-bigger .e-filemanager .e-fe-splitter,
1516
+ .e-filemanager.e-bigger .e-fe-splitter {
1517
+ height: calc(100% - 51px);
1518
+ }
1519
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1520
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1521
+ height: calc(100% - 42px);
1522
+ }
1486
1523
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1487
1524
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1488
1525
  border-width: 1px;
@@ -1639,6 +1676,11 @@ ejs-filemanager {
1639
1676
  height: calc(100% - 41px);
1640
1677
  }
1641
1678
 
1679
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1680
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1681
+ height: 100%;
1682
+ }
1683
+
1642
1684
  @media (max-width: 469px) {
1643
1685
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1644
1686
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/highcontrast-lite.css CHANGED
@@ -406,6 +406,13 @@ ejs-filemanager {
406
406
  border-width: 1px;
407
407
  line-height: 12px;
408
408
  }
409
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
410
+ margin-right: 1px;
411
+ }
412
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
413
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
414
+ padding: 0 2px 0 9px;
415
+ }
409
416
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
410
417
  height: 0;
411
418
  padding: 0;
@@ -940,6 +947,18 @@ ejs-filemanager {
940
947
  margin: auto;
941
948
  }
942
949
 
950
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
951
+ height: 100%;
952
+ }
953
+
954
+ .e-filemanager .e-fe-splitter {
955
+ height: calc(100% - 41px);
956
+ }
957
+
958
+ .e-filemanager .e-view-container .e-fe-grid-container {
959
+ height: calc(100% - 34px);
960
+ }
961
+
943
962
  .e-filemanager {
944
963
  background: #000;
945
964
  border-color: #969696;
package/styles/highcontrast.css CHANGED
@@ -406,6 +406,13 @@ ejs-filemanager {
406
406
  border-width: 1px;
407
407
  line-height: 12px;
408
408
  }
409
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
410
+ margin-right: 1px;
411
+ }
412
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
413
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
414
+ padding: 0 2px 0 9px;
415
+ }
409
416
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
410
417
  height: 0;
411
418
  padding: 0;
@@ -940,6 +947,18 @@ ejs-filemanager {
940
947
  margin: auto;
941
948
  }
942
949
 
950
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
951
+ height: 100%;
952
+ }
953
+
954
+ .e-filemanager .e-fe-splitter {
955
+ height: calc(100% - 41px);
956
+ }
957
+
958
+ .e-filemanager .e-view-container .e-fe-grid-container {
959
+ height: calc(100% - 34px);
960
+ }
961
+
943
962
  .e-filemanager {
944
963
  background: #000;
945
964
  border-color: #969696;
@@ -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 {
@@ -1503,6 +1532,14 @@ ejs-filemanager {
1503
1532
  .e-filemanager.e-bigger .e-address .e-fe-search {
1504
1533
  margin: 7px 0;
1505
1534
  }
1535
+ .e-bigger .e-filemanager .e-fe-splitter,
1536
+ .e-filemanager.e-bigger .e-fe-splitter {
1537
+ height: calc(100% - 51px);
1538
+ }
1539
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1540
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1541
+ height: calc(100% - 42px);
1542
+ }
1506
1543
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1507
1544
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1508
1545
  border-width: 1px;
@@ -1659,6 +1696,11 @@ ejs-filemanager {
1659
1696
  height: calc(100% - 41px);
1660
1697
  }
1661
1698
 
1699
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1700
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1701
+ height: 100%;
1702
+ }
1703
+
1662
1704
  @media (max-width: 469px) {
1663
1705
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1664
1706
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/material-dark-lite.css CHANGED
@@ -448,6 +448,13 @@ ejs-filemanager {
448
448
  border-width: 1px;
449
449
  line-height: 9px;
450
450
  }
451
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
452
+ margin-right: 1px;
453
+ }
454
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
455
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
456
+ padding: 0 2px 0 9px;
457
+ }
451
458
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
452
459
  height: 0;
453
460
  padding: 0;
@@ -982,6 +989,18 @@ ejs-filemanager {
982
989
  margin: auto;
983
990
  }
984
991
 
992
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
993
+ height: 100%;
994
+ }
995
+
996
+ .e-filemanager .e-fe-splitter {
997
+ height: calc(100% - 43px);
998
+ }
999
+
1000
+ .e-filemanager .e-view-container .e-fe-grid-container {
1001
+ height: calc(100% - 34px);
1002
+ }
1003
+
985
1004
  .e-filemanager {
986
1005
  background: #303030;
987
1006
  border-color: #616161;
package/styles/material-dark.css CHANGED
@@ -448,6 +448,13 @@ ejs-filemanager {
448
448
  border-width: 1px;
449
449
  line-height: 9px;
450
450
  }
451
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
452
+ margin-right: 1px;
453
+ }
454
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
455
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
456
+ padding: 0 2px 0 9px;
457
+ }
451
458
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
452
459
  height: 0;
453
460
  padding: 0;
@@ -982,6 +989,18 @@ ejs-filemanager {
982
989
  margin: auto;
983
990
  }
984
991
 
992
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
993
+ height: 100%;
994
+ }
995
+
996
+ .e-filemanager .e-fe-splitter {
997
+ height: calc(100% - 43px);
998
+ }
999
+
1000
+ .e-filemanager .e-view-container .e-fe-grid-container {
1001
+ height: calc(100% - 34px);
1002
+ }
1003
+
985
1004
  .e-filemanager {
986
1005
  background: #303030;
987
1006
  border-color: #616161;
@@ -1217,6 +1236,11 @@ ejs-filemanager {
1217
1236
  .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 {
1218
1237
  padding-left: 0;
1219
1238
  }
1239
+ .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,
1240
+ .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,
1241
+ .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 {
1242
+ padding: 0 2px;
1243
+ }
1220
1244
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1221
1245
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1222
1246
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1288,6 +1312,11 @@ ejs-filemanager {
1288
1312
  margin: 3px 0;
1289
1313
  right: 13px;
1290
1314
  }
1315
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1316
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1317
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1318
+ height: calc(100% - 40px);
1319
+ }
1291
1320
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1292
1321
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1293
1322
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1542,6 +1571,14 @@ ejs-filemanager {
1542
1571
  .e-filemanager.e-bigger .e-address .e-fe-search {
1543
1572
  margin: 7px 0;
1544
1573
  }
1574
+ .e-bigger .e-filemanager .e-fe-splitter,
1575
+ .e-filemanager.e-bigger .e-fe-splitter {
1576
+ height: calc(100% - 57px);
1577
+ }
1578
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1579
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1580
+ height: calc(100% - 40px);
1581
+ }
1545
1582
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1546
1583
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1547
1584
  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 {
package/styles/material-lite.css CHANGED
@@ -468,6 +468,13 @@ ejs-filemanager {
468
468
  border-width: 1px;
469
469
  line-height: 9px;
470
470
  }
471
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
472
+ margin-right: 1px;
473
+ }
474
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
475
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
476
+ padding: 0 2px 0 9px;
477
+ }
471
478
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
472
479
  height: 0;
473
480
  padding: 0;
@@ -1002,6 +1009,18 @@ ejs-filemanager {
1002
1009
  margin: auto;
1003
1010
  }
1004
1011
 
1012
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1013
+ height: 100%;
1014
+ }
1015
+
1016
+ .e-filemanager .e-fe-splitter {
1017
+ height: calc(100% - 43px);
1018
+ }
1019
+
1020
+ .e-filemanager .e-view-container .e-fe-grid-container {
1021
+ height: calc(100% - 34px);
1022
+ }
1023
+
1005
1024
  .e-filemanager {
1006
1025
  background: transparent;
1007
1026
  border-color: #e0e0e0;
package/styles/material.css CHANGED
@@ -468,6 +468,13 @@ ejs-filemanager {
468
468
  border-width: 1px;
469
469
  line-height: 9px;
470
470
  }
471
+ .e-filemanager .e-grid.sf-grid .e-headercell.e-fe-grid-icon .e-headercelldiv {
472
+ margin-right: 1px;
473
+ }
474
+ .e-filemanager .e-grid.sf-grid .e-gridheader .e-fe-grid-icon,
475
+ .e-filemanager .e-grid.sf-grid .e-gridcontent .e-fe-grid-icon {
476
+ padding: 0 2px 0 9px;
477
+ }
471
478
  .e-filemanager .e-grid .e-gridcontent tr.e-emptyrow td.e-lastrowcell:first-child:empty {
472
479
  height: 0;
473
480
  padding: 0;
@@ -1002,6 +1009,18 @@ ejs-filemanager {
1002
1009
  margin: auto;
1003
1010
  }
1004
1011
 
1012
+ .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1013
+ height: 100%;
1014
+ }
1015
+
1016
+ .e-filemanager .e-fe-splitter {
1017
+ height: calc(100% - 43px);
1018
+ }
1019
+
1020
+ .e-filemanager .e-view-container .e-fe-grid-container {
1021
+ height: calc(100% - 34px);
1022
+ }
1023
+
1005
1024
  .e-filemanager {
1006
1025
  background: transparent;
1007
1026
  border-color: #e0e0e0;
@@ -1222,6 +1241,11 @@ ejs-filemanager {
1222
1241
  .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 {
1223
1242
  padding-left: 4px;
1224
1243
  }
1244
+ .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,
1245
+ .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,
1246
+ .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 {
1247
+ padding: 0 2px;
1248
+ }
1225
1249
  .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1226
1250
  .e-bigger .e-filemanager.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort,
1227
1251
  .e-filemanager.e-bigger.e-fe-mobile .e-toolbar-left .e-icons.e-fe-sort {
@@ -1292,6 +1316,11 @@ ejs-filemanager {
1292
1316
  margin: 3px 0;
1293
1317
  right: 13px;
1294
1318
  }
1319
+ .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1320
+ .e-bigger .e-filemanager.e-fe-mobile .e-view-container .e-fe-grid-container,
1321
+ .e-filemanager.e-bigger.e-fe-mobile .e-view-container .e-fe-grid-container {
1322
+ height: calc(100% - 40px);
1323
+ }
1295
1324
  .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1296
1325
  .e-bigger .e-filemanager.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon,
1297
1326
  .e-filemanager.e-bigger.e-fe-mobile .e-grid .e-fe-grid-icon .e-fe-icon {
@@ -1545,6 +1574,14 @@ ejs-filemanager {
1545
1574
  .e-filemanager.e-bigger .e-address .e-fe-search {
1546
1575
  margin: 7px 0;
1547
1576
  }
1577
+ .e-bigger .e-filemanager .e-fe-splitter,
1578
+ .e-filemanager.e-bigger .e-fe-splitter {
1579
+ height: calc(100% - 57px);
1580
+ }
1581
+ .e-bigger .e-filemanager .e-view-container .e-fe-grid-container,
1582
+ .e-filemanager.e-bigger .e-view-container .e-fe-grid-container {
1583
+ height: calc(100% - 40px);
1584
+ }
1548
1585
  .e-bigger .e-filemanager .e-grid .e-checkbox-wrapper .e-frame,
1549
1586
  .e-filemanager.e-bigger .e-grid .e-checkbox-wrapper .e-frame {
1550
1587
  border-width: 1px;
@@ -1701,6 +1738,11 @@ ejs-filemanager {
1701
1738
  height: calc(100% - 41px);
1702
1739
  }
1703
1740
 
1741
+ .e-filemanager.e-fe-no-toolbar.e-fe-mobile .e-fe-splitter,
1742
+ .e-bigger .e-filemanager.e-fe-no-toolbar .e-fe-splitter {
1743
+ height: 100%;
1744
+ }
1745
+
1704
1746
  @media (max-width: 469px) {
1705
1747
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item,
1706
1748
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item {
package/styles/material3-dark-lite.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));