@syncfusion/ej2-vue-filemanager 20.4.54 → 21.1.36

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 (49) hide show
  1. package/CHANGELOG.md +19 -19
  2. package/dist/ej2-vue-filemanager.umd.min.js +2 -2
  3. package/dist/ej2-vue-filemanager.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-vue-filemanager.es2015.js +122 -143
  5. package/dist/es6/ej2-vue-filemanager.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-filemanager.es5.js +134 -160
  7. package/dist/es6/ej2-vue-filemanager.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-filemanager.min.js +2 -2
  9. package/package.json +11 -10
  10. package/src/file-manager/filemanager.component.d.ts +3 -39
  11. package/src/file-manager/filemanager.component.js +135 -164
  12. package/styles/bootstrap-dark.css +8 -6
  13. package/styles/bootstrap.css +7 -5
  14. package/styles/bootstrap4.css +7 -5
  15. package/styles/bootstrap5-dark.css +9 -6
  16. package/styles/bootstrap5.css +9 -6
  17. package/styles/fabric-dark.css +7 -5
  18. package/styles/fabric.css +7 -5
  19. package/styles/file-manager/bootstrap-dark.css +8 -6
  20. package/styles/file-manager/bootstrap.css +7 -5
  21. package/styles/file-manager/bootstrap4.css +7 -5
  22. package/styles/file-manager/bootstrap5-dark.css +9 -6
  23. package/styles/file-manager/bootstrap5.css +9 -6
  24. package/styles/file-manager/fabric-dark.css +7 -5
  25. package/styles/file-manager/fabric.css +7 -5
  26. package/styles/file-manager/fluent-dark.css +8 -6
  27. package/styles/file-manager/fluent.css +8 -6
  28. package/styles/file-manager/highcontrast-light.css +7 -5
  29. package/styles/file-manager/highcontrast.css +7 -5
  30. package/styles/file-manager/material-dark.css +8 -7
  31. package/styles/file-manager/material.css +7 -5
  32. package/styles/file-manager/material3-dark.css +1622 -0
  33. package/styles/file-manager/material3-dark.scss +2 -0
  34. package/styles/file-manager/material3.css +1678 -0
  35. package/styles/file-manager/material3.scss +2 -0
  36. package/styles/file-manager/tailwind-dark.css +9 -6
  37. package/styles/file-manager/tailwind.css +9 -6
  38. package/styles/fluent-dark.css +8 -6
  39. package/styles/fluent.css +8 -6
  40. package/styles/highcontrast-light.css +7 -5
  41. package/styles/highcontrast.css +7 -5
  42. package/styles/material-dark.css +8 -7
  43. package/styles/material.css +7 -5
  44. package/styles/material3-dark.css +1622 -0
  45. package/styles/material3-dark.scss +2 -0
  46. package/styles/material3.css +1678 -0
  47. package/styles/material3.scss +2 -0
  48. package/styles/tailwind-dark.css +9 -6
  49. package/styles/tailwind.css +9 -6
package/styles/bootstrap5.css CHANGED
@@ -359,6 +359,7 @@ ejs-filemanager {
359
359
  margin: 5px;
360
360
  margin-right: 4px;
361
361
  padding: 3px;
362
+ padding: 5px;
362
363
  position: absolute;
363
364
  z-index: 1;
364
365
  }
@@ -459,9 +460,6 @@ ejs-filemanager {
459
460
  border: 0;
460
461
  font-size: 12px;
461
462
  }
462
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
463
- font-size: 14px;
464
- }
465
463
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
466
464
  box-shadow: 1px 0 0 1px #0d6efd inset;
467
465
  }
@@ -505,6 +503,7 @@ ejs-filemanager {
505
503
  overflow: inherit;
506
504
  padding-left: 12px;
507
505
  padding-right: 0;
506
+ box-shadow: none;
508
507
  }
509
508
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
510
509
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1069,7 +1068,7 @@ ejs-filemanager {
1069
1068
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1070
1069
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1071
1070
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1072
- z-index: 1000;
1071
+ z-index: 999;
1073
1072
  }
1074
1073
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1075
1074
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1167,7 +1166,7 @@ ejs-filemanager {
1167
1166
  overflow: hidden;
1168
1167
  text-overflow: ellipsis;
1169
1168
  white-space: nowrap;
1170
- font-size: 15px;
1169
+ font-size: 16px;
1171
1170
  max-width: 205px;
1172
1171
  min-width: 45px;
1173
1172
  padding: 8px 30px 8px 0;
@@ -1348,6 +1347,10 @@ ejs-filemanager {
1348
1347
  padding: 6px;
1349
1348
  text-align: center;
1350
1349
  }
1350
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1351
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1352
+ margin-right: -10px;
1353
+ }
1351
1354
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1352
1355
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1353
1356
  border-width: 1px;
@@ -1542,7 +1545,7 @@ ejs-filemanager {
1542
1545
  background-color: #fff;
1543
1546
  color: #0d6efd;
1544
1547
  }
1545
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1548
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1546
1549
  background-color: transparent;
1547
1550
  }
1548
1551
  .e-filemanager .e-large-icons .e-list-img {
package/styles/fabric-dark.css CHANGED
@@ -440,9 +440,6 @@ ejs-filemanager {
440
440
  border: 0;
441
441
  font-size: 12px;
442
442
  }
443
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
444
- font-size: 13px;
445
- }
446
443
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
447
444
  box-shadow: 1px 0 0 1px #0074cc inset;
448
445
  }
@@ -485,6 +482,7 @@ ejs-filemanager {
485
482
  overflow: inherit;
486
483
  padding-left: 10px;
487
484
  padding-right: 0;
485
+ box-shadow: none;
488
486
  }
489
487
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
490
488
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1047,7 +1045,7 @@ ejs-filemanager {
1047
1045
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1048
1046
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1049
1047
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1050
- z-index: 1000;
1048
+ z-index: 999;
1051
1049
  }
1052
1050
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1053
1051
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1302,6 +1300,10 @@ ejs-filemanager {
1302
1300
  padding: 6px;
1303
1301
  text-align: center;
1304
1302
  }
1303
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1304
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1305
+ margin-right: -10px;
1306
+ }
1305
1307
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1306
1308
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1307
1309
  border-width: 1px;
@@ -1473,7 +1475,7 @@ ejs-filemanager {
1473
1475
  background-color: #514f4f;
1474
1476
  color: #fff;
1475
1477
  }
1476
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1478
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1477
1479
  background-color: transparent;
1478
1480
  }
1479
1481
  .e-filemanager .e-large-icons .e-list-img {
package/styles/fabric.css CHANGED
@@ -441,9 +441,6 @@ ejs-filemanager {
441
441
  border: 0;
442
442
  font-size: 12px;
443
443
  }
444
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
445
- font-size: 13px;
446
- }
447
444
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
448
445
  box-shadow: 1px 0 0 1px #0078d6 inset;
449
446
  }
@@ -486,6 +483,7 @@ ejs-filemanager {
486
483
  overflow: inherit;
487
484
  padding-left: 10px;
488
485
  padding-right: 0;
486
+ box-shadow: none;
489
487
  }
490
488
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
491
489
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1048,7 +1046,7 @@ ejs-filemanager {
1048
1046
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1049
1047
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1050
1048
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1051
- z-index: 1000;
1049
+ z-index: 999;
1052
1050
  }
1053
1051
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1054
1052
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1303,6 +1301,10 @@ ejs-filemanager {
1303
1301
  padding: 6px;
1304
1302
  text-align: center;
1305
1303
  }
1304
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1305
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1306
+ margin-right: -10px;
1307
+ }
1306
1308
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1307
1309
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1308
1310
  border-width: 1px;
@@ -1474,7 +1476,7 @@ ejs-filemanager {
1474
1476
  background-color: #d1ebff;
1475
1477
  color: #333;
1476
1478
  }
1477
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1479
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1478
1480
  background-color: transparent;
1479
1481
  }
1480
1482
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/bootstrap-dark.css CHANGED
@@ -444,9 +444,6 @@ ejs-filemanager {
444
444
  border: 0;
445
445
  font-size: 12px;
446
446
  }
447
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
448
- font-size: 13px;
449
- }
450
447
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
451
448
  box-shadow: 1px 0 0 1px #0070f0 inset;
452
449
  }
@@ -489,6 +486,7 @@ ejs-filemanager {
489
486
  overflow: inherit;
490
487
  padding-left: 8px;
491
488
  padding-right: 0;
489
+ box-shadow: none;
492
490
  }
493
491
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
494
492
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1053,7 +1051,7 @@ ejs-filemanager {
1053
1051
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1054
1052
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1055
1053
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1056
- z-index: 1000;
1054
+ z-index: 999;
1057
1055
  }
1058
1056
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1059
1057
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1308,6 +1306,10 @@ ejs-filemanager {
1308
1306
  padding: 6px;
1309
1307
  text-align: center;
1310
1308
  }
1309
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1310
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1311
+ margin-right: -10px;
1312
+ }
1311
1313
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1312
1314
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1313
1315
  border-width: 1px;
@@ -1492,11 +1494,11 @@ ejs-filemanager {
1492
1494
  background-color: #1a1a1a;
1493
1495
  color: #f0f0f0;
1494
1496
  }
1495
- .e-filemanager .e-grid.e-gridhover tr[role=row]:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1497
+ .e-filemanager .e-grid.e-gridhover .e-row:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1496
1498
  background-color: #393939;
1497
1499
  color: #acacac;
1498
1500
  }
1499
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1501
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1500
1502
  background-color: transparent;
1501
1503
  }
1502
1504
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/bootstrap.css CHANGED
@@ -445,9 +445,6 @@ ejs-filemanager {
445
445
  border: 0;
446
446
  font-size: 12px;
447
447
  }
448
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
449
- font-size: 13px;
450
- }
451
448
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
452
449
  box-shadow: 1px 0 0 1px #317ab9 inset;
453
450
  }
@@ -490,6 +487,7 @@ ejs-filemanager {
490
487
  overflow: inherit;
491
488
  padding-left: 8px;
492
489
  padding-right: 0;
490
+ box-shadow: none;
493
491
  }
494
492
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
495
493
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1053,7 +1051,7 @@ ejs-filemanager {
1053
1051
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1054
1052
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1055
1053
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1056
- z-index: 1000;
1054
+ z-index: 999;
1057
1055
  }
1058
1056
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1059
1057
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1308,6 +1306,10 @@ ejs-filemanager {
1308
1306
  padding: 6px;
1309
1307
  text-align: center;
1310
1308
  }
1309
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1310
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1311
+ margin-right: -10px;
1312
+ }
1311
1313
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1312
1314
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1313
1315
  border-width: 1px;
@@ -1479,7 +1481,7 @@ ejs-filemanager {
1479
1481
  background-color: #317ab9;
1480
1482
  color: #fff;
1481
1483
  }
1482
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1484
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1483
1485
  background-color: transparent;
1484
1486
  }
1485
1487
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/bootstrap4.css CHANGED
@@ -444,9 +444,6 @@ ejs-filemanager {
444
444
  border: 0;
445
445
  font-size: 12px;
446
446
  }
447
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
448
- font-size: 13px;
449
- }
450
447
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
451
448
  box-shadow: 1px 0 0 1px #007bff inset;
452
449
  }
@@ -489,6 +486,7 @@ ejs-filemanager {
489
486
  overflow: inherit;
490
487
  padding-left: 8px;
491
488
  padding-right: 0;
489
+ box-shadow: none;
492
490
  }
493
491
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
494
492
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1053,7 +1051,7 @@ ejs-filemanager {
1053
1051
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1054
1052
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1055
1053
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1056
- z-index: 1000;
1054
+ z-index: 999;
1057
1055
  }
1058
1056
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1059
1057
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1308,6 +1306,10 @@ ejs-filemanager {
1308
1306
  padding: 6px;
1309
1307
  text-align: center;
1310
1308
  }
1309
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1310
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1311
+ margin-right: -10px;
1312
+ }
1311
1313
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1312
1314
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1313
1315
  border-width: 1px;
@@ -1504,7 +1506,7 @@ ejs-filemanager {
1504
1506
  background-color: #fff;
1505
1507
  color: #212529;
1506
1508
  }
1507
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1509
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1508
1510
  background-color: transparent;
1509
1511
  }
1510
1512
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/bootstrap5-dark.css CHANGED
@@ -359,6 +359,7 @@ ejs-filemanager {
359
359
  margin: 5px;
360
360
  margin-right: 4px;
361
361
  padding: 3px;
362
+ padding: 5px;
362
363
  position: absolute;
363
364
  z-index: 1;
364
365
  }
@@ -459,9 +460,6 @@ ejs-filemanager {
459
460
  border: 0;
460
461
  font-size: 12px;
461
462
  }
462
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
463
- font-size: 14px;
464
- }
465
463
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
466
464
  box-shadow: 1px 0 0 1px #0d6efd inset;
467
465
  }
@@ -505,6 +503,7 @@ ejs-filemanager {
505
503
  overflow: inherit;
506
504
  padding-left: 12px;
507
505
  padding-right: 0;
506
+ box-shadow: none;
508
507
  }
509
508
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
510
509
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1069,7 +1068,7 @@ ejs-filemanager {
1069
1068
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1070
1069
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1071
1070
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1072
- z-index: 1000;
1071
+ z-index: 999;
1073
1072
  }
1074
1073
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1075
1074
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1167,7 +1166,7 @@ ejs-filemanager {
1167
1166
  overflow: hidden;
1168
1167
  text-overflow: ellipsis;
1169
1168
  white-space: nowrap;
1170
- font-size: 15px;
1169
+ font-size: 16px;
1171
1170
  max-width: 205px;
1172
1171
  min-width: 45px;
1173
1172
  padding: 8px 30px 8px 0;
@@ -1348,6 +1347,10 @@ ejs-filemanager {
1348
1347
  padding: 6px;
1349
1348
  text-align: center;
1350
1349
  }
1350
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1351
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1352
+ margin-right: -10px;
1353
+ }
1351
1354
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1352
1355
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1353
1356
  border-width: 1px;
@@ -1542,7 +1545,7 @@ ejs-filemanager {
1542
1545
  background-color: #fff;
1543
1546
  color: #0d6efd;
1544
1547
  }
1545
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1548
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1546
1549
  background-color: transparent;
1547
1550
  }
1548
1551
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/bootstrap5.css CHANGED
@@ -359,6 +359,7 @@ ejs-filemanager {
359
359
  margin: 5px;
360
360
  margin-right: 4px;
361
361
  padding: 3px;
362
+ padding: 5px;
362
363
  position: absolute;
363
364
  z-index: 1;
364
365
  }
@@ -459,9 +460,6 @@ ejs-filemanager {
459
460
  border: 0;
460
461
  font-size: 12px;
461
462
  }
462
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
463
- font-size: 14px;
464
- }
465
463
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
466
464
  box-shadow: 1px 0 0 1px #0d6efd inset;
467
465
  }
@@ -505,6 +503,7 @@ ejs-filemanager {
505
503
  overflow: inherit;
506
504
  padding-left: 12px;
507
505
  padding-right: 0;
506
+ box-shadow: none;
508
507
  }
509
508
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
510
509
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1069,7 +1068,7 @@ ejs-filemanager {
1069
1068
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1070
1069
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1071
1070
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1072
- z-index: 1000;
1071
+ z-index: 999;
1073
1072
  }
1074
1073
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1075
1074
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1167,7 +1166,7 @@ ejs-filemanager {
1167
1166
  overflow: hidden;
1168
1167
  text-overflow: ellipsis;
1169
1168
  white-space: nowrap;
1170
- font-size: 15px;
1169
+ font-size: 16px;
1171
1170
  max-width: 205px;
1172
1171
  min-width: 45px;
1173
1172
  padding: 8px 30px 8px 0;
@@ -1348,6 +1347,10 @@ ejs-filemanager {
1348
1347
  padding: 6px;
1349
1348
  text-align: center;
1350
1349
  }
1350
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1351
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1352
+ margin-right: -10px;
1353
+ }
1351
1354
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1352
1355
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1353
1356
  border-width: 1px;
@@ -1542,7 +1545,7 @@ ejs-filemanager {
1542
1545
  background-color: #fff;
1543
1546
  color: #0d6efd;
1544
1547
  }
1545
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1548
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1546
1549
  background-color: transparent;
1547
1550
  }
1548
1551
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/fabric-dark.css CHANGED
@@ -440,9 +440,6 @@ ejs-filemanager {
440
440
  border: 0;
441
441
  font-size: 12px;
442
442
  }
443
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
444
- font-size: 13px;
445
- }
446
443
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
447
444
  box-shadow: 1px 0 0 1px #0074cc inset;
448
445
  }
@@ -485,6 +482,7 @@ ejs-filemanager {
485
482
  overflow: inherit;
486
483
  padding-left: 10px;
487
484
  padding-right: 0;
485
+ box-shadow: none;
488
486
  }
489
487
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
490
488
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1047,7 +1045,7 @@ ejs-filemanager {
1047
1045
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1048
1046
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1049
1047
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1050
- z-index: 1000;
1048
+ z-index: 999;
1051
1049
  }
1052
1050
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1053
1051
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1302,6 +1300,10 @@ ejs-filemanager {
1302
1300
  padding: 6px;
1303
1301
  text-align: center;
1304
1302
  }
1303
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1304
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1305
+ margin-right: -10px;
1306
+ }
1305
1307
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1306
1308
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1307
1309
  border-width: 1px;
@@ -1473,7 +1475,7 @@ ejs-filemanager {
1473
1475
  background-color: #514f4f;
1474
1476
  color: #fff;
1475
1477
  }
1476
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1478
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1477
1479
  background-color: transparent;
1478
1480
  }
1479
1481
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/fabric.css CHANGED
@@ -441,9 +441,6 @@ ejs-filemanager {
441
441
  border: 0;
442
442
  font-size: 12px;
443
443
  }
444
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
445
- font-size: 13px;
446
- }
447
444
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
448
445
  box-shadow: 1px 0 0 1px #0078d6 inset;
449
446
  }
@@ -486,6 +483,7 @@ ejs-filemanager {
486
483
  overflow: inherit;
487
484
  padding-left: 10px;
488
485
  padding-right: 0;
486
+ box-shadow: none;
489
487
  }
490
488
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
491
489
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1048,7 +1046,7 @@ ejs-filemanager {
1048
1046
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1049
1047
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1050
1048
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1051
- z-index: 1000;
1049
+ z-index: 999;
1052
1050
  }
1053
1051
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1054
1052
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1303,6 +1301,10 @@ ejs-filemanager {
1303
1301
  padding: 6px;
1304
1302
  text-align: center;
1305
1303
  }
1304
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1305
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1306
+ margin-right: -10px;
1307
+ }
1306
1308
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1307
1309
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1308
1310
  border-width: 1px;
@@ -1474,7 +1476,7 @@ ejs-filemanager {
1474
1476
  background-color: #d1ebff;
1475
1477
  color: #333;
1476
1478
  }
1477
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1479
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1478
1480
  background-color: transparent;
1479
1481
  }
1480
1482
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/fluent-dark.css CHANGED
@@ -457,9 +457,6 @@ ejs-filemanager {
457
457
  font-size: 14px;
458
458
  padding: 8px;
459
459
  }
460
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
461
- font-size: 14px;
462
- }
463
460
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
464
461
  box-shadow: 1px 0 0 1px #0078d4 inset;
465
462
  }
@@ -502,6 +499,7 @@ ejs-filemanager {
502
499
  overflow: inherit;
503
500
  padding-left: 5px;
504
501
  padding-right: 0;
502
+ box-shadow: none;
505
503
  }
506
504
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
507
505
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1058,7 +1056,7 @@ ejs-filemanager {
1058
1056
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1059
1057
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1060
1058
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1061
- z-index: 1000;
1059
+ z-index: 999;
1062
1060
  }
1063
1061
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1064
1062
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1151,7 +1149,7 @@ ejs-filemanager {
1151
1149
  overflow: hidden;
1152
1150
  text-overflow: ellipsis;
1153
1151
  white-space: nowrap;
1154
- font-size: 15px;
1152
+ font-size: 16px;
1155
1153
  max-width: 205px;
1156
1154
  min-width: 45px;
1157
1155
  padding: 8px 30px 8px 0;
@@ -1318,6 +1316,10 @@ ejs-filemanager {
1318
1316
  padding: 6px;
1319
1317
  text-align: center;
1320
1318
  }
1319
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1320
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1321
+ margin-right: -16px;
1322
+ }
1321
1323
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1322
1324
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1323
1325
  border-width: 1px;
@@ -1493,7 +1495,7 @@ ejs-filemanager {
1493
1495
  background-color: #292827;
1494
1496
  color: #fff;
1495
1497
  }
1496
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1498
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1497
1499
  background-color: transparent;
1498
1500
  }
1499
1501
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/fluent.css CHANGED
@@ -457,9 +457,6 @@ ejs-filemanager {
457
457
  font-size: 14px;
458
458
  padding: 8px;
459
459
  }
460
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
461
- font-size: 14px;
462
- }
463
460
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
464
461
  box-shadow: 1px 0 0 1px #0078d4 inset;
465
462
  }
@@ -502,6 +499,7 @@ ejs-filemanager {
502
499
  overflow: inherit;
503
500
  padding-left: 5px;
504
501
  padding-right: 0;
502
+ box-shadow: none;
505
503
  }
506
504
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
507
505
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1058,7 +1056,7 @@ ejs-filemanager {
1058
1056
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1059
1057
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1060
1058
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1061
- z-index: 1000;
1059
+ z-index: 999;
1062
1060
  }
1063
1061
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1064
1062
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1151,7 +1149,7 @@ ejs-filemanager {
1151
1149
  overflow: hidden;
1152
1150
  text-overflow: ellipsis;
1153
1151
  white-space: nowrap;
1154
- font-size: 15px;
1152
+ font-size: 16px;
1155
1153
  max-width: 205px;
1156
1154
  min-width: 45px;
1157
1155
  padding: 8px 30px 8px 0;
@@ -1318,6 +1316,10 @@ ejs-filemanager {
1318
1316
  padding: 6px;
1319
1317
  text-align: center;
1320
1318
  }
1319
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1320
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1321
+ margin-right: -16px;
1322
+ }
1321
1323
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1322
1324
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1323
1325
  border-width: 1px;
@@ -1492,7 +1494,7 @@ ejs-filemanager {
1492
1494
  background-color: #edebe9;
1493
1495
  color: #323130;
1494
1496
  }
1495
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1497
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1496
1498
  background-color: transparent;
1497
1499
  }
1498
1500
  .e-filemanager .e-large-icons .e-list-img {
package/styles/file-manager/highcontrast-light.css CHANGED
@@ -444,9 +444,6 @@ ejs-filemanager {
444
444
  border: 0;
445
445
  font-size: 12px;
446
446
  }
447
- .e-filemanager .e-grid .e-content .e-rowcell .e-fe-text {
448
- font-size: 13px;
449
- }
450
447
  .e-filemanager .e-grid .e-content tr.e-row.e-fe-drop-folder .e-rowcell:first-child {
451
448
  box-shadow: 1px 0 0 1px #ffd939 inset;
452
449
  }
@@ -489,6 +486,7 @@ ejs-filemanager {
489
486
  overflow: inherit;
490
487
  padding-left: 10px;
491
488
  padding-right: 0;
489
+ box-shadow: none;
492
490
  }
493
491
  .e-filemanager .e-grid .e-gridheader .e-fe-grid-icon,
494
492
  .e-filemanager .e-grid .e-gridcontent .e-fe-grid-icon {
@@ -1051,7 +1049,7 @@ ejs-filemanager {
1051
1049
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1052
1050
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper,
1053
1051
  .e-filemanager.e-bigger.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-checkbox-wrapper {
1054
- z-index: 1000;
1052
+ z-index: 999;
1055
1053
  }
1056
1054
  .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
1057
1055
  .e-bigger .e-filemanager.e-fe-mobile .e-large-icons .e-list-parent .e-list-item .e-list-text,
@@ -1306,6 +1304,10 @@ ejs-filemanager {
1306
1304
  padding: 4px;
1307
1305
  text-align: center;
1308
1306
  }
1307
+ .e-bigger .e-filemanager .e-grid.e-rtl .e-checkbox-wrapper .e-frame,
1308
+ .e-filemanager.e-bigger .e-grid.e-rtl .e-checkbox-wrapper .e-frame {
1309
+ margin-right: -10px;
1310
+ }
1309
1311
  .e-bigger .e-filemanager .e-large-icons .e-checkbox-wrapper .e-frame,
1310
1312
  .e-filemanager.e-bigger .e-large-icons .e-checkbox-wrapper .e-frame {
1311
1313
  border-width: 1px;
@@ -1477,7 +1479,7 @@ ejs-filemanager {
1477
1479
  background-color: #e0e0e0;
1478
1480
  color: #fff;
1479
1481
  }
1480
- .e-filemanager .e-grid.e-gridhover tr[role=row].e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1482
+ .e-filemanager .e-grid.e-gridhover .e-row.e-fe-drop-file:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
1481
1483
  background-color: transparent;
1482
1484
  }
1483
1485
  .e-filemanager .e-large-icons .e-list-img {