@syncfusion/ej2-filemanager 20.2.44 → 20.3.47

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 (70) hide show
  1. package/CHANGELOG.md +5 -28
  2. package/dist/ej2-filemanager.min.js +10 -0
  3. package/dist/ej2-filemanager.umd.min.js +2 -2
  4. package/dist/ej2-filemanager.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-filemanager.es2015.js +8 -1
  6. package/dist/es6/ej2-filemanager.es2015.js.map +1 -1
  7. package/dist/es6/ej2-filemanager.es5.js +8 -1
  8. package/dist/es6/ej2-filemanager.es5.js.map +1 -1
  9. package/dist/global/ej2-filemanager.min.js +2 -2
  10. package/dist/global/ej2-filemanager.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +16 -16
  13. package/src/file-manager/base/file-manager-model.d.ts +2 -1
  14. package/src/file-manager/base/file-manager.d.ts +2 -1
  15. package/src/file-manager/base/file-manager.js +3 -1
  16. package/src/file-manager/layout/navigation-pane.js +2 -0
  17. package/src/file-manager/models/upload-settings-model.d.ts +13 -0
  18. package/src/file-manager/models/upload-settings.d.ts +12 -0
  19. package/src/file-manager/models/upload-settings.js +3 -0
  20. package/styles/bootstrap-dark.css +20 -5
  21. package/styles/bootstrap.css +22 -6
  22. package/styles/bootstrap4.css +20 -5
  23. package/styles/bootstrap5-dark.css +24 -6
  24. package/styles/bootstrap5.css +24 -6
  25. package/styles/fabric-dark.css +20 -5
  26. package/styles/fabric.css +22 -6
  27. package/styles/file-manager/_all.scss +1 -1
  28. package/styles/file-manager/_bootstrap-dark-definition.scss +1 -1
  29. package/styles/file-manager/_bootstrap-definition.scss +1 -1
  30. package/styles/file-manager/_bootstrap4-definition.scss +1 -1
  31. package/styles/file-manager/_bootstrap5-definition.scss +2 -2
  32. package/styles/file-manager/_fabric-dark-definition.scss +1 -1
  33. package/styles/file-manager/_fabric-definition.scss +1 -1
  34. package/styles/file-manager/_fluent-definition.scss +2 -3
  35. package/styles/file-manager/_fusionnew-definition.scss +2 -2
  36. package/styles/file-manager/_highcontrast-definition.scss +1 -1
  37. package/styles/file-manager/_highcontrast-light-definition.scss +1 -1
  38. package/styles/file-manager/_layout.scss +37 -14
  39. package/styles/file-manager/_material-dark-definition.scss +1 -1
  40. package/styles/file-manager/_material-definition.scss +1 -1
  41. package/styles/file-manager/_material3-definition.scss +2 -2
  42. package/styles/file-manager/_tailwind-definition.scss +2 -2
  43. package/styles/file-manager/_theme.scss +26 -7
  44. package/styles/file-manager/bootstrap-dark.css +20 -5
  45. package/styles/file-manager/bootstrap.css +22 -6
  46. package/styles/file-manager/bootstrap4.css +20 -5
  47. package/styles/file-manager/bootstrap5-dark.css +24 -6
  48. package/styles/file-manager/bootstrap5.css +24 -6
  49. package/styles/file-manager/fabric-dark.css +20 -5
  50. package/styles/file-manager/fabric.css +22 -6
  51. package/styles/file-manager/fluent-dark.css +22 -6
  52. package/styles/file-manager/fluent.css +22 -6
  53. package/styles/file-manager/highcontrast-light.css +20 -5
  54. package/styles/file-manager/highcontrast.css +41 -6
  55. package/styles/file-manager/icons/_bootstrap.scss +0 -1
  56. package/styles/file-manager/icons/_bootstrap4.scss +0 -1
  57. package/styles/file-manager/icons/_fabric-dark.scss +0 -1
  58. package/styles/file-manager/icons/_fabric.scss +0 -1
  59. package/styles/file-manager/material-dark.css +20 -5
  60. package/styles/file-manager/material.css +25 -6
  61. package/styles/file-manager/tailwind-dark.css +22 -6
  62. package/styles/file-manager/tailwind.css +22 -6
  63. package/styles/fluent-dark.css +22 -6
  64. package/styles/fluent.css +22 -6
  65. package/styles/highcontrast-light.css +20 -5
  66. package/styles/highcontrast.css +41 -6
  67. package/styles/material-dark.css +20 -5
  68. package/styles/material.css +25 -6
  69. package/styles/tailwind-dark.css +22 -6
  70. package/styles/tailwind.css +22 -6
package/styles/fabric.css CHANGED
@@ -1,3 +1,6 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /* stylelint-disable property-no-vendor-prefix */
1
4
  @keyframes material-spinner-rotate {
2
5
  0% {
3
6
  transform: rotate(0);
@@ -14,7 +17,9 @@
14
17
  transform: rotate(360deg);
15
18
  }
16
19
  }
17
- /*! TreeView's fabric theme wise override definitions and variables */ /*! FileManager's fabric theme wise override definitions and variables */
20
+ /*! TreeView's fabric theme wise override definitions and variables */
21
+ /* stylelint-disable */
22
+ /*! FileManager's fabric theme wise override definitions and variables */
18
23
  .e-filemanager .e-fe-icon,
19
24
  .e-filemanager .e-list-icon {
20
25
  background-repeat: no-repeat;
@@ -192,6 +197,7 @@
192
197
  content: "\e614";
193
198
  }
194
199
 
200
+ /* stylelint-disable property-no-vendor-prefix */
195
201
  ejs-filemanager {
196
202
  display: block;
197
203
  }
@@ -219,10 +225,20 @@ ejs-filemanager {
219
225
  border-bottom-style: solid;
220
226
  border-width: 0 0 1px;
221
227
  }
228
+ .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
229
+ height: 30px;
230
+ }
231
+ .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
232
+ border: 0;
233
+ }
234
+ .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
235
+ padding-left: 1px;
236
+ padding-right: 1px;
237
+ }
222
238
  .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
223
239
  border: 0;
224
240
  box-shadow: none;
225
- font-weight: 400;
241
+ font-weight: normal;
226
242
  height: inherit;
227
243
  padding: 0;
228
244
  }
@@ -426,7 +442,7 @@ ejs-filemanager {
426
442
  visibility: visible;
427
443
  }
428
444
  .e-filemanager .e-grid .e-content {
429
- overflow-y: auto !important;
445
+ overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
430
446
  }
431
447
  .e-filemanager .e-grid .e-content .e-table {
432
448
  border-spacing: 0;
@@ -469,7 +485,7 @@ ejs-filemanager {
469
485
  text-align: center;
470
486
  }
471
487
  .e-filemanager .e-grid .e-gridpopup {
472
- display: none !important;
488
+ display: none !important; /* stylelint-disable-line declaration-no-important */
473
489
  }
474
490
  .e-filemanager .e-grid .e-gridheader .e-emptyrow,
475
491
  .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
@@ -535,10 +551,10 @@ ejs-filemanager {
535
551
  width: 18px;
536
552
  }
537
553
  .e-filemanager .e-view-container .e-grid .e-gridheader {
538
- padding-right: 0 !important;
554
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
539
555
  }
540
556
  .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
541
- padding-left: 0 !important;
557
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
542
558
  }
543
559
  .e-filemanager .e-large-icons {
544
560
  float: left;
@@ -1,2 +1,2 @@
1
- @import 'layout.scss';
1
+ @import 'layout.scss';
2
2
  @import 'theme.scss';
@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $gray-base !default;
44
44
  $fe-drop-border-color: $brand-primary !default;
45
45
  $fe-up-list-border-color: $brand-primary !default;
46
46
  $fe-clone-bg-color: $gray-light !default;
47
- $fe-clone-border-color: $grey-99 !default ;
47
+ $fe-clone-border-color: $grey-99 !default;
48
48
  $fe-clone-count-border-color: $grey-base !default;
49
49
  $fe-clone-count-font-color: $brand-primary-font !default;
50
50
  $fe-clone-count-bg-color: $brand-primary !default;
@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $grey-white !default;
44
44
  $fe-drop-border-color: $brand-primary !default;
45
45
  $fe-up-list-border-color: $grey-dd !default;
46
46
  $fe-clone-bg-color: $grey-white !default;
47
- $fe-clone-border-color: none !default ;
47
+ $fe-clone-border-color: none !default;
48
48
  $fe-clone-count-border-color: $brand-primary !default;
49
49
  $fe-clone-count-font-color: $grey-white !default;
50
50
  $fe-clone-count-bg-color: $brand-primary !default;
@@ -46,7 +46,7 @@ $fe-checkbox-bg-color: $content-bg !default;
46
46
  $fe-drop-border-color: $primary !default;
47
47
  $fe-up-list-border-color: $gray-300 !default;
48
48
  $fe-clone-bg-color: $white !default;
49
- $fe-clone-border-color: none !default ;
49
+ $fe-clone-border-color: none !default;
50
50
  $fe-clone-count-border-color: $primary !default;
51
51
  $fe-clone-count-font-color: $white !default;
52
52
  $fe-clone-count-bg-color: $primary !default;
@@ -167,7 +167,7 @@ $fe-grid-empty-min-width: 200px !default;
167
167
 
168
168
  $fe-grid-empty-content-font-size: $text-base !default;
169
169
  $fe-grid-empty-content-margin: 0 auto !default;
170
- $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
170
+ $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
171
171
  $fe-grid-empty-content-text-align: center !default;
172
172
 
173
173
  $fe-grid-empty-icon-height: 82px !default;
@@ -230,7 +230,7 @@ $fe-checkbox-bg-color: $primary-text-color !default;
230
230
  $fe-drop-border-color: $primary !default;
231
231
  $fe-up-list-border-color: $border-light !default;
232
232
  $fe-clone-bg-color: $content-bg-color-alt3 !default;
233
- $fe-clone-border-color: none !default ;
233
+ $fe-clone-border-color: none !default;
234
234
  $fe-clone-count-border-color: $primary-text-color !default;
235
235
  $fe-clone-count-font-color: $primary-text-color !default;
236
236
  $fe-clone-count-bg-color: $primary !default;
@@ -42,7 +42,7 @@ $fe-checkbox-bg-color: $theme-primary !default;
42
42
  $fe-drop-border-color: $grey-dark-font !default;
43
43
  $fe-up-list-border-color: $neutral-light !default;
44
44
  $fe-clone-bg-color: $neutral-quintenary !default;
45
- $fe-clone-border-color: $neutral-light !default ;
45
+ $fe-clone-border-color: $neutral-light !default;
46
46
  $fe-clone-count-border-color: $theme-primary !default;
47
47
  $fe-clone-count-font-color: $theme-dark-font !default;
48
48
  $fe-clone-count-bg-color: $theme-primary !default;
@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $theme-primary !default;
44
44
  $fe-drop-border-color: $theme-primary !default;
45
45
  $fe-up-list-border-color: $neutral-quintenaryalt !default;
46
46
  $fe-clone-bg-color: $neutral-white !default;
47
- $fe-clone-border-color: none !default ;
47
+ $fe-clone-border-color: none !default;
48
48
  $fe-clone-count-border-color: $theme-primary !default;
49
49
  $fe-clone-count-font-color: $theme-primary-font !default;
50
50
  $fe-clone-count-bg-color: $theme-primary !default;
@@ -13,7 +13,6 @@ $fe-grid-row-fc-ie-box-shadow: inset 1px 1px 0 0 #66afe9, inset 1px -1px 0 0 #66
13
13
  $fe-grid-row-lc-ie-box-shadow: inset -1px 1px 0 0 #66afe9, inset -1px -1px 0 0 #66afe9 !default;
14
14
  $fe-img-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .05) !default;
15
15
 
16
-
17
16
  $fe-big-bc-font-size: $text-sm !default;
18
17
  $fe-big-bc-icon-font-size: 10px !default;
19
18
  $fe-big-lg-text-font-size: $text-sm !default;
@@ -175,7 +174,7 @@ $fe-grid-empty-min-width: 200px !default;
175
174
 
176
175
  $fe-grid-empty-content-font-size: $text-sm !default;
177
176
  $fe-grid-empty-content-margin: 0 auto !default;
178
- $fe-grid-empty-content-padding: 8px 0 8px 0 !default;
177
+ $fe-grid-empty-content-padding: 8px 0 8px 0 !default;
179
178
  $fe-grid-empty-content-text-align: center !default;
180
179
 
181
180
  $fe-grid-empty-icon-height: 52px !default;
@@ -239,7 +238,7 @@ $fe-checkbox-bg-color: $primary !default;
239
238
  $fe-drop-border-color: $primary !default;
240
239
  $fe-up-list-border-color: $border-light !default;
241
240
  $fe-clone-bg-color: $content-bg-color-alt2 !default;
242
- $fe-clone-border-color: none !default ;
241
+ $fe-clone-border-color: none !default;
243
242
  $fe-clone-count-border-color: $primary-text-color !default;
244
243
  $fe-clone-count-font-color: $primary-text-color !default;
245
244
  $fe-clone-count-bg-color: $primary !default;
@@ -167,7 +167,7 @@ $fe-grid-empty-min-width: 200px !default;
167
167
 
168
168
  $fe-grid-empty-content-font-size: $text-base !default;
169
169
  $fe-grid-empty-content-margin: 0 auto !default;
170
- $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
170
+ $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
171
171
  $fe-grid-empty-content-text-align: center !default;
172
172
 
173
173
  $fe-grid-empty-icon-height: 82px !default;
@@ -230,7 +230,7 @@ $fe-checkbox-bg-color: $primary-text-color !default;
230
230
  $fe-drop-border-color: $primary !default;
231
231
  $fe-up-list-border-color: $border-light !default;
232
232
  $fe-clone-bg-color: $content-bg-color-alt3 !default;
233
- $fe-clone-border-color: none !default ;
233
+ $fe-clone-border-color: none !default;
234
234
  $fe-clone-count-border-color: $primary-text-color !default;
235
235
  $fe-clone-count-font-color: $primary-text-color !default;
236
236
  $fe-clone-count-bg-color: $primary !default;
@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $bg-base-0 !default;
44
44
  $fe-drop-border-color: $selection-bg !default;
45
45
  $fe-up-list-border-color: $border-default !default;
46
46
  $fe-clone-bg-color: $selection-bg !default;
47
- $fe-clone-border-color: none !default ;
47
+ $fe-clone-border-color: none !default;
48
48
  $fe-clone-count-border-color: $content-font !default;
49
49
  $fe-clone-count-font-color: $content-font !default;
50
50
  $fe-clone-count-bg-color: $bg-base-0 !default;
@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: #000 !default;
44
44
  $fe-drop-border-color: #000 !default;
45
45
  $fe-up-list-border-color: $border-default !default;
46
46
  $fe-clone-bg-color: #e0e0e0 !default;
47
- $fe-clone-border-color: #e0e0e0 !default ;
47
+ $fe-clone-border-color: #e0e0e0 !default;
48
48
  $fe-clone-count-border-color: #ffd939 !default;
49
49
  $fe-clone-count-font-color: #ffd939 !default;
50
50
  $fe-clone-count-bg-color: #000 !default;
@@ -1,31 +1,36 @@
1
- // sass-lint:disable no-vendor-prefixes
1
+ /* stylelint-disable property-no-vendor-prefix */
2
2
  @mixin user-select {
3
3
  -moz-user-select: none;
4
4
  -ms-user-select: none;
5
5
  -webkit-user-select: none;
6
6
  user-select: none;
7
7
  }
8
+
8
9
  @mixin visibility($value) {
9
10
  .e-checkbox-wrapper {
10
11
  visibility: $value;
11
12
  }
12
13
  }
14
+
13
15
  @mixin grid-no-border {
14
16
  .e-rowcell.e-lastrowcell {
15
17
  border-bottom-width: 0;
16
18
  }
17
19
  }
20
+
18
21
  @mixin popup-active-icon {
19
22
  .e-fe-dot,
20
23
  .e-fe-tick {
21
24
  font-size: $fe-ddl-icon-font-size;
22
25
  }
23
26
  }
27
+
24
28
  @mixin ellipsis {
25
29
  overflow: hidden;
26
30
  text-overflow: ellipsis;
27
31
  white-space: nowrap;
28
32
  }
33
+
29
34
  @mixin checkbox($value) {
30
35
  .e-checkbox-wrapper {
31
36
 
@@ -75,10 +80,29 @@
75
80
  border-width: 0 0 1px;
76
81
  }
77
82
 
83
+ .e-toolbar-items .e-toolbar-item.e-template {
84
+ height: 30px;
85
+
86
+ .e-upload.e-fm-upload {
87
+ border: 0;
88
+
89
+ .e-file-select-wrap {
90
+ padding-left: 1px;
91
+ padding-right: 1px;
92
+
93
+ .e-css.e-btn:hover {
94
+ @if $fm-skin-name == 'material' {
95
+ box-shadow: none;
96
+ }
97
+ }
98
+ }
99
+ }
100
+ }
101
+
78
102
  .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
79
103
  border: 0;
80
104
  box-shadow: none;
81
- font-weight: 400;
105
+ font-weight: normal;
82
106
  height: $fe-tb-ddb-height;
83
107
  padding: $fe-tb-ddb-btn-padding;
84
108
 
@@ -407,7 +431,7 @@
407
431
  }
408
432
 
409
433
  .e-content {
410
- overflow-y: auto !important; // sass-lint:disable-line no-important
434
+ overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
411
435
 
412
436
  .e-table {
413
437
  border-spacing: 0;
@@ -498,7 +522,7 @@
498
522
  }
499
523
 
500
524
  .e-gridpopup {
501
- display: none !important; // sass-lint:disable-line no-important
525
+ display: none !important; /* stylelint-disable-line declaration-no-important */
502
526
  }
503
527
 
504
528
  .e-gridheader,
@@ -523,8 +547,8 @@
523
547
  text-overflow: unset;
524
548
  }
525
549
 
526
- &+.e-rowcell,
527
- &+.e-headercell {
550
+ & + .e-rowcell,
551
+ & + .e-headercell {
528
552
  padding-left: 0;
529
553
 
530
554
  &.e-fe-grid-name {
@@ -586,7 +610,7 @@
586
610
  .e-view-container {
587
611
  .e-grid {
588
612
  .e-gridheader {
589
- padding-right: 0 !important; // sass-lint:disable-line no-important
613
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
590
614
  }
591
615
  }
592
616
  }
@@ -594,7 +618,7 @@
594
618
  &.e-rtl .e-view-container {
595
619
  .e-grid {
596
620
  .e-gridheader {
597
- padding-left: 0 !important; // sass-lint:disable-line no-important
621
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
598
622
  }
599
623
  }
600
624
  }
@@ -896,8 +920,8 @@
896
920
  padding-left: 0;
897
921
  padding-right: 12px;
898
922
 
899
- &+.e-rowcell,
900
- &+.e-headercell {
923
+ & + .e-rowcell,
924
+ & + .e-headercell {
901
925
  padding-left: 21px;
902
926
  padding-right: 0;
903
927
 
@@ -1059,7 +1083,6 @@
1059
1083
  .e-fe-icon {
1060
1084
  margin: 0 0 -2px 8px;
1061
1085
  }
1062
-
1063
1086
  }
1064
1087
  }
1065
1088
 
@@ -1504,8 +1527,8 @@
1504
1527
  line-height: 22px;
1505
1528
  width: 24px;
1506
1529
  }
1507
- }
1508
- }
1530
+ }
1531
+ }
1509
1532
 
1510
1533
  .e-treeview {
1511
1534
 
@@ -1728,7 +1751,7 @@
1728
1751
 
1729
1752
  .e-empty {
1730
1753
  min-width: $fe-big-lg-icon-empty-min-width;
1731
- }
1754
+ }
1732
1755
 
1733
1756
  .e-empty-content {
1734
1757
  font-size: $fe-big-lg-icon-empty-content-font-size;
@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $accent !default;
44
44
  $fe-drop-border-color: $accent !default;
45
45
  $fe-up-list-border-color: rgba($grey-dark-font, .12) !default;
46
46
  $fe-clone-bg-color: $grey-700 !default;
47
- $fe-clone-border-color: none !default ;
47
+ $fe-clone-border-color: none !default;
48
48
  $fe-clone-count-border-color: $accent !default;
49
49
  $fe-clone-count-font-color: $accent-font !default;
50
50
  $fe-clone-count-bg-color: $accent !default;
@@ -44,7 +44,7 @@ $fe-checkbox-bg-color: $accent !default;
44
44
  $fe-drop-border-color: $accent !default;
45
45
  $fe-up-list-border-color: rgba($grey-light-font, .12) !default;
46
46
  $fe-clone-bg-color: $grey-white !default;
47
- $fe-clone-border-color: none !default ;
47
+ $fe-clone-border-color: none !default;
48
48
  $fe-clone-count-border-color: $accent !default;
49
49
  $fe-clone-count-font-color: $grey-white !default;
50
50
  $fe-clone-count-bg-color: $accent !default;
@@ -167,7 +167,7 @@ $fe-grid-empty-min-width: 200px !default;
167
167
 
168
168
  $fe-grid-empty-content-font-size: $text-base !default;
169
169
  $fe-grid-empty-content-margin: 0 auto !default;
170
- $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
170
+ $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
171
171
  $fe-grid-empty-content-text-align: center !default;
172
172
 
173
173
  $fe-grid-empty-icon-height: 82px !default;
@@ -230,7 +230,7 @@ $fe-checkbox-bg-color: $primary-text-color !default;
230
230
  $fe-drop-border-color: $primary !default;
231
231
  $fe-up-list-border-color: $border-light !default;
232
232
  $fe-clone-bg-color: $content-bg-color-alt3 !default;
233
- $fe-clone-border-color: none !default ;
233
+ $fe-clone-border-color: none !default;
234
234
  $fe-clone-count-border-color: $primary-text-color !default;
235
235
  $fe-clone-count-font-color: $primary-text-color !default;
236
236
  $fe-clone-count-bg-color: $primary !default;
@@ -42,7 +42,7 @@ $fe-checkbox-bg-color: $primary !default;
42
42
  $fe-drop-border-color: $primary !default;
43
43
  $fe-up-list-border-color: $border-light !default;
44
44
  $fe-clone-bg-color: $content-bg-color-alt3 !default;
45
- $fe-clone-border-color: none !default ;
45
+ $fe-clone-border-color: none !default;
46
46
  $fe-clone-count-border-color: $primary-text-color !default;
47
47
  $fe-clone-count-font-color: $primary-text-color !default;
48
48
  $fe-clone-count-bg-color: $primary !default;
@@ -202,7 +202,7 @@ $fe-grid-empty-min-width: 200px !default;
202
202
 
203
203
  $fe-grid-empty-content-font-size: $text-base !default;
204
204
  $fe-grid-empty-content-margin: 0 auto !default;
205
- $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
205
+ $fe-grid-empty-content-padding: 18px 0 8px 0 !default;
206
206
  $fe-grid-empty-content-text-align: center !default;
207
207
 
208
208
  $fe-grid-empty-icon-height: 82px !default;
@@ -1,26 +1,34 @@
1
- @mixin active-icon {
1
+ @mixin active-icon {
2
2
  .e-fe-dot,
3
3
  .e-fe-tick {
4
4
  color: $fe-ddl-icon-color;
5
5
  }
6
6
  }
7
+
7
8
  @mixin active-icon-color {
8
9
  .e-btn-icon,
9
10
  .e-tbar-btn-text {
10
11
  @if $fm-skin-name == 'bootstrap4' or $fm-skin-name == 'bootstrap5' {
11
12
  color: $fe-tb-active-color;
12
13
  }
14
+
15
+ @if $fm-skin-name == 'highcontrast' {
16
+ color: $fe-active-font-color;
17
+ }
13
18
  }
14
19
  }
20
+
15
21
  @mixin hover-icon-border-color {
16
22
  @if $fm-skin-name == 'bootstrap-dark' {
17
23
  border: 1px solid $fe-tb-hover-border-color;
18
24
  }
19
25
  }
26
+
20
27
  @mixin active-item {
21
28
  background: $fe-active-bg-color;
22
29
  border-color: $fe-active-border-color;
23
30
  }
31
+
24
32
  @mixin hover-item($bg-color, $border-color) {
25
33
  background: $bg-color;
26
34
  border-color: $border-color;
@@ -41,6 +49,15 @@
41
49
  @include active-icon-color;
42
50
  background: $fe-tb-focus-bg;
43
51
  border-color: $fe-tb-focus-border-color;
52
+ @if $fm-skin-name == 'highcontrast' {
53
+ background: $fe-active-bg-color;
54
+ }
55
+
56
+ &:hover {
57
+ @if $fm-skin-name == 'highcontrast' {
58
+ background: $fe-active-bg-color;
59
+ }
60
+ }
44
61
  }
45
62
 
46
63
  &:hover {
@@ -54,6 +71,9 @@
54
71
  @include active-icon-color;
55
72
  background: $fe-tb-focus-bg;
56
73
  border-color: $fe-tb-hover-border-color;
74
+ @if $fm-skin-name == 'highcontrast' {
75
+ background: $fe-active-bg-color;
76
+ }
57
77
  }
58
78
  }
59
79
  }
@@ -165,7 +185,7 @@
165
185
  tr:first-child th {
166
186
  background: $fe-grid-header-bg-color;
167
187
  }
168
- }
188
+ }
169
189
 
170
190
  .e-headercell {
171
191
 
@@ -175,13 +195,13 @@
175
195
  @if $fm-skin-name == 'FluentUI' {
176
196
  &.e-fe-checkbox:hover {
177
197
  background: $content-bg-color;
198
+ }
178
199
  }
179
- }
180
200
  @else {
181
201
  &.e-fe-checkbox:hover {
182
202
  background: $fe-grid-header-bg-color;
203
+ }
183
204
  }
184
- }
185
205
 
186
206
  &.e-fe-grid-icon .e-headercelldiv:hover {
187
207
  background: $fe-hover-bg-color;
@@ -243,14 +263,14 @@
243
263
  }
244
264
  }
245
265
 
246
- &.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
266
+ &.e-gridhover tr[role = 'row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
247
267
  @if $fm-skin-name == 'material-dark' or $fm-skin-name == 'bootstrap-dark' {
248
268
  background-color: $fe-hover-bg-color;
249
269
  color: $fe-grid-type-color;
250
270
  }
251
271
  }
252
272
 
253
- &.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) {
273
+ &.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) {
254
274
  background-color: transparent;
255
275
  }
256
276
  }
@@ -301,7 +321,6 @@
301
321
  color: $fe-checkbox-color;
302
322
  }
303
323
  }
304
-
305
324
  }
306
325
 
307
326
  .e-fe-clone {
@@ -1,3 +1,6 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
2
+ /* stylelint-disable-line no-empty-source */
3
+ /* stylelint-disable property-no-vendor-prefix */
1
4
  @keyframes material-spinner-rotate {
2
5
  0% {
3
6
  transform: rotate(0);
@@ -14,6 +17,7 @@
14
17
  transform: rotate(360deg);
15
18
  }
16
19
  }
20
+ /* stylelint-disable */
17
21
  /*! FileManager's bootstrap theme wise override definitions and variables */
18
22
  .e-filemanager .e-fe-icon,
19
23
  .e-filemanager .e-list-icon {
@@ -196,6 +200,7 @@
196
200
  content: "\e614";
197
201
  }
198
202
 
203
+ /* stylelint-disable property-no-vendor-prefix */
199
204
  ejs-filemanager {
200
205
  display: block;
201
206
  }
@@ -223,10 +228,20 @@ ejs-filemanager {
223
228
  border-bottom-style: solid;
224
229
  border-width: 1px;
225
230
  }
231
+ .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template {
232
+ height: 30px;
233
+ }
234
+ .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload {
235
+ border: 0;
236
+ }
237
+ .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item.e-template .e-upload.e-fm-upload .e-file-select-wrap {
238
+ padding-left: 1px;
239
+ padding-right: 1px;
240
+ }
226
241
  .e-filemanager .e-toolbar .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
227
242
  border: 0;
228
243
  box-shadow: none;
229
- font-weight: 400;
244
+ font-weight: normal;
230
245
  height: calc(100% - 2px);
231
246
  padding: 1px 2.5px;
232
247
  }
@@ -430,7 +445,7 @@ ejs-filemanager {
430
445
  visibility: visible;
431
446
  }
432
447
  .e-filemanager .e-grid .e-content {
433
- overflow-y: auto !important;
448
+ overflow-y: auto !important; /* stylelint-disable-line declaration-no-important */
434
449
  }
435
450
  .e-filemanager .e-grid .e-content .e-table {
436
451
  border-spacing: 0;
@@ -473,7 +488,7 @@ ejs-filemanager {
473
488
  text-align: center;
474
489
  }
475
490
  .e-filemanager .e-grid .e-gridpopup {
476
- display: none !important;
491
+ display: none !important; /* stylelint-disable-line declaration-no-important */
477
492
  }
478
493
  .e-filemanager .e-grid .e-gridheader .e-emptyrow,
479
494
  .e-filemanager .e-grid .e-gridcontent .e-emptyrow {
@@ -539,10 +554,10 @@ ejs-filemanager {
539
554
  width: 18px;
540
555
  }
541
556
  .e-filemanager .e-view-container .e-grid .e-gridheader {
542
- padding-right: 0 !important;
557
+ padding-right: 0 !important; /* stylelint-disable-line declaration-no-important */
543
558
  }
544
559
  .e-filemanager.e-rtl .e-view-container .e-grid .e-gridheader {
545
- padding-left: 0 !important;
560
+ padding-left: 0 !important; /* stylelint-disable-line declaration-no-important */
546
561
  }
547
562
  .e-filemanager .e-large-icons {
548
563
  float: left;