@syncfusion/ej2-react-grids 20.2.49 → 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 (50) hide show
  1. package/CHANGELOG.md +10 -93
  2. package/diConfig.json +10 -0
  3. package/dist/ej2-react-grids.min.js +10 -0
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +8 -8
  6. package/styles/bootstrap-dark.css +54 -11
  7. package/styles/bootstrap.css +54 -11
  8. package/styles/bootstrap4.css +57 -11
  9. package/styles/bootstrap5-dark.css +55 -11
  10. package/styles/bootstrap5.css +55 -11
  11. package/styles/excel-filter/bootstrap-dark.css +3 -1
  12. package/styles/excel-filter/bootstrap.css +3 -1
  13. package/styles/excel-filter/bootstrap4.css +6 -1
  14. package/styles/excel-filter/bootstrap5-dark.css +3 -1
  15. package/styles/excel-filter/bootstrap5.css +3 -1
  16. package/styles/excel-filter/fabric-dark.css +4 -2
  17. package/styles/excel-filter/fabric.css +4 -2
  18. package/styles/excel-filter/fluent-dark.css +3 -1
  19. package/styles/excel-filter/fluent.css +3 -1
  20. package/styles/excel-filter/highcontrast-light.css +4 -2
  21. package/styles/excel-filter/highcontrast.css +4 -2
  22. package/styles/excel-filter/material-dark.css +4 -2
  23. package/styles/excel-filter/material.css +4 -2
  24. package/styles/excel-filter/tailwind-dark.css +3 -1
  25. package/styles/excel-filter/tailwind.css +3 -1
  26. package/styles/fabric-dark.css +57 -14
  27. package/styles/fabric.css +56 -13
  28. package/styles/fluent-dark.css +54 -11
  29. package/styles/fluent.css +54 -11
  30. package/styles/grid/bootstrap-dark.css +51 -10
  31. package/styles/grid/bootstrap.css +51 -10
  32. package/styles/grid/bootstrap4.css +51 -10
  33. package/styles/grid/bootstrap5-dark.css +52 -10
  34. package/styles/grid/bootstrap5.css +52 -10
  35. package/styles/grid/fabric-dark.css +53 -12
  36. package/styles/grid/fabric.css +52 -11
  37. package/styles/grid/fluent-dark.css +51 -10
  38. package/styles/grid/fluent.css +51 -10
  39. package/styles/grid/highcontrast-light.css +52 -11
  40. package/styles/grid/highcontrast.css +52 -11
  41. package/styles/grid/material-dark.css +52 -11
  42. package/styles/grid/material.css +52 -11
  43. package/styles/grid/tailwind-dark.css +51 -10
  44. package/styles/grid/tailwind.css +51 -10
  45. package/styles/highcontrast-light.css +56 -13
  46. package/styles/highcontrast.css +56 -13
  47. package/styles/material-dark.css +56 -13
  48. package/styles/material.css +56 -13
  49. package/styles/tailwind-dark.css +54 -11
  50. package/styles/tailwind.css +54 -11
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
@@ -79,6 +80,7 @@
79
80
  height: 34px;
80
81
  }
81
82
 
83
+ /* stylelint-disable property-no-vendor-prefix */
82
84
  @keyframes material-spinner-rotate {
83
85
  0% {
84
86
  transform: rotate(0);
@@ -95,7 +97,7 @@
95
97
  transform: rotate(360deg);
96
98
  }
97
99
  }
98
- /*!component icons*/
100
+ /* !component icons */
99
101
  .e-icon-check::before {
100
102
  content: "\e7ff";
101
103
  }
@@ -345,7 +347,7 @@
345
347
  word-break: normal;
346
348
  }
347
349
  .e-excelfilter .e-chk-hidden {
348
- -moz-appearance: none;
350
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
349
351
  height: 1px;
350
352
  opacity: 0;
351
353
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
@@ -72,6 +73,7 @@
72
73
  height: 34px;
73
74
  }
74
75
 
76
+ /* stylelint-disable property-no-vendor-prefix */
75
77
  @keyframes material-spinner-rotate {
76
78
  0% {
77
79
  transform: rotate(0);
@@ -88,7 +90,7 @@
88
90
  transform: rotate(360deg);
89
91
  }
90
92
  }
91
- /*!component icons*/
93
+ /* !component icons */
92
94
  .e-icon-check::before {
93
95
  content: "\e7ff";
94
96
  }
@@ -338,7 +340,7 @@
338
340
  word-break: normal;
339
341
  }
340
342
  .e-excelfilter .e-chk-hidden {
341
- -moz-appearance: none;
343
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
342
344
  height: 1px;
343
345
  opacity: 0;
344
346
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-popup.e-ddl {
2
3
  border-radius: 4px;
3
4
  box-shadow: none;
@@ -124,6 +125,7 @@
124
125
  min-height: 34px;
125
126
  }
126
127
 
128
+ /* stylelint-disable property-no-vendor-prefix */
127
129
  @keyframes material-spinner-rotate {
128
130
  0% {
129
131
  transform: rotate(0);
@@ -393,7 +395,7 @@
393
395
  word-break: normal;
394
396
  }
395
397
  .e-excelfilter .e-chk-hidden {
396
- -moz-appearance: none;
398
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
397
399
  height: 1px;
398
400
  opacity: 0;
399
401
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-popup.e-ddl {
2
3
  border-radius: 4px;
3
4
  box-shadow: none;
@@ -124,6 +125,7 @@
124
125
  min-height: 34px;
125
126
  }
126
127
 
128
+ /* stylelint-disable property-no-vendor-prefix */
127
129
  @keyframes material-spinner-rotate {
128
130
  0% {
129
131
  transform: rotate(0);
@@ -393,7 +395,7 @@
393
395
  word-break: normal;
394
396
  }
395
397
  .e-excelfilter .e-chk-hidden {
396
- -moz-appearance: none;
398
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
397
399
  height: 1px;
398
400
  opacity: 0;
399
401
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
3
  height: 36px;
3
4
  }
@@ -76,6 +77,7 @@
76
77
  height: 34px;
77
78
  }
78
79
 
80
+ /* stylelint-disable property-no-vendor-prefix */
79
81
  @keyframes material-spinner-rotate {
80
82
  0% {
81
83
  transform: rotate(0);
@@ -92,7 +94,7 @@
92
94
  transform: rotate(360deg);
93
95
  }
94
96
  }
95
- /*!component icons*/
97
+ /* !component icons */
96
98
  .e-icon-check::before {
97
99
  content: "\e7ff";
98
100
  }
@@ -342,7 +344,7 @@
342
344
  word-break: normal;
343
345
  }
344
346
  .e-excelfilter .e-chk-hidden {
345
- -moz-appearance: none;
347
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
346
348
  height: 1px;
347
349
  opacity: 0;
348
350
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
3
  height: 36px;
3
4
  }
@@ -76,6 +77,7 @@
76
77
  height: 34px;
77
78
  }
78
79
 
80
+ /* stylelint-disable property-no-vendor-prefix */
79
81
  @keyframes material-spinner-rotate {
80
82
  0% {
81
83
  transform: rotate(0);
@@ -92,7 +94,7 @@
92
94
  transform: rotate(360deg);
93
95
  }
94
96
  }
95
- /*!component icons*/
97
+ /* !component icons */
96
98
  .e-icon-check::before {
97
99
  content: "\e7ff";
98
100
  }
@@ -342,7 +344,7 @@
342
344
  word-break: normal;
343
345
  }
344
346
  .e-excelfilter .e-chk-hidden {
345
- -moz-appearance: none;
347
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
346
348
  height: 1px;
347
349
  opacity: 0;
348
350
  width: 1px;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -111,6 +112,7 @@
111
112
  padding: 5px 5px 5px 12px;
112
113
  }
113
114
 
115
+ /* stylelint-disable property-no-vendor-prefix */
114
116
  @keyframes material-spinner-rotate {
115
117
  0% {
116
118
  transform: rotate(0deg);
@@ -127,7 +129,7 @@
127
129
  transform: rotate(360deg);
128
130
  }
129
131
  }
130
- /*!componenticons*/
132
+ /* !componenticons */
131
133
  .e-icon-check::before {
132
134
  content: "\e7ff";
133
135
  }
@@ -377,7 +379,7 @@
377
379
  word-break: normal;
378
380
  }
379
381
  .e-excelfilter .e-chk-hidden {
380
- -moz-appearance: none;
382
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
381
383
  height: 1px;
382
384
  opacity: 0;
383
385
  width: 1px;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -144,6 +145,7 @@
144
145
  padding: 4px 8px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0deg);
@@ -160,7 +162,7 @@
160
162
  transform: rotate(360deg);
161
163
  }
162
164
  }
163
- /*!component icons*/
165
+ /* !component icons */
164
166
  .e-icon-check::before {
165
167
  content: "\e7ff";
166
168
  }
@@ -410,7 +412,7 @@
410
412
  word-break: normal;
411
413
  }
412
414
  .e-excelfilter .e-chk-hidden {
413
- -moz-appearance: none;
415
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
414
416
  height: 1px;
415
417
  opacity: 0;
416
418
  width: 1px;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
4
  transform: rotate(0deg);
4
5
  transition: transform 300ms ease;
@@ -93,6 +94,7 @@
93
94
  padding: 4px 8px;
94
95
  }
95
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
96
98
  @keyframes material-spinner-rotate {
97
99
  0% {
98
100
  transform: rotate(0);
@@ -362,7 +364,7 @@
362
364
  word-break: normal;
363
365
  }
364
366
  .e-excelfilter .e-chk-hidden {
365
- -moz-appearance: none;
367
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
366
368
  height: 1px;
367
369
  opacity: 0;
368
370
  width: 1px;
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
4
  transform: rotate(0deg);
4
5
  transition: transform 300ms ease;
@@ -93,6 +94,7 @@
93
94
  padding: 4px 8px;
94
95
  }
95
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
96
98
  @keyframes material-spinner-rotate {
97
99
  0% {
98
100
  transform: rotate(0);
@@ -362,7 +364,7 @@
362
364
  word-break: normal;
363
365
  }
364
366
  .e-excelfilter .e-chk-hidden {
365
- -moz-appearance: none;
367
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
366
368
  height: 1px;
367
369
  opacity: 0;
368
370
  width: 1px;
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
@@ -79,6 +80,7 @@
79
80
  height: 34px;
80
81
  }
81
82
 
83
+ /* stylelint-disable property-no-vendor-prefix */
82
84
  @keyframes material-spinner-rotate {
83
85
  0% {
84
86
  transform: rotate(0);
@@ -95,7 +97,7 @@
95
97
  transform: rotate(360deg);
96
98
  }
97
99
  }
98
- /*!component icons*/
100
+ /* !component icons */
99
101
  .e-icon-check::before {
100
102
  content: "\e7ff";
101
103
  }
@@ -345,7 +347,7 @@
345
347
  word-break: normal;
346
348
  }
347
349
  .e-excelfilter .e-chk-hidden {
348
- -moz-appearance: none;
350
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
349
351
  height: 1px;
350
352
  opacity: 0;
351
353
  width: 1px;
@@ -489,6 +491,8 @@ li.e-separator.e-menu-item.e-excel-separator {
489
491
  border-color: #0074cc;
490
492
  }
491
493
 
494
+ /* stylelint-disable property-no-vendor-prefix */
495
+ /* stylelint-disable property-no-vendor-prefix */
492
496
  @keyframes material-spinner-rotate {
493
497
  0% {
494
498
  transform: rotate(0);
@@ -505,7 +509,7 @@ li.e-separator.e-menu-item.e-excel-separator {
505
509
  transform: rotate(360deg);
506
510
  }
507
511
  }
508
- /*!componenticons*/
512
+ /* !componenticons */
509
513
  .e-icon-check::before {
510
514
  content: "\e7ff";
511
515
  }
@@ -736,6 +740,7 @@ li.e-separator.e-menu-item.e-excel-separator {
736
740
  .e-bigger .e-grid,
737
741
  .e-grid.e-bigger {
738
742
  font-size: 14px;
743
+ /* stylelint-disable */
739
744
  }
740
745
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
741
746
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1393,6 +1398,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1393
1398
  font-size: 13px;
1394
1399
  height: auto;
1395
1400
  position: relative;
1401
+ /* stylelint-enable */
1402
+ /* stylelint-disable */
1403
+ /* stylelint-enable */
1396
1404
  }
1397
1405
  .e-grid .e-gridheader {
1398
1406
  -webkit-user-select: none;
@@ -1781,7 +1789,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1781
1789
  font-weight: normal;
1782
1790
  height: 29px;
1783
1791
  line-height: 29px;
1784
- margin: 0;
1792
+ margin: 0 0 0 -5px;
1785
1793
  overflow: hidden;
1786
1794
  padding: 0 1px 0;
1787
1795
  text-align: left;
@@ -2300,7 +2308,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2300
2308
  padding-left: 7px;
2301
2309
  }
2302
2310
  .e-grid .e-chk-hidden {
2303
- -moz-appearance: none;
2311
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2304
2312
  height: 1px;
2305
2313
  opacity: 0;
2306
2314
  width: 1px;
@@ -2314,7 +2322,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2314
2322
  }
2315
2323
  .e-grid .e-rowcell .e-checkbox-wrapper,
2316
2324
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2317
- -webkit-user-select: auto;
2325
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2318
2326
  height: 20px;
2319
2327
  line-height: 21px;
2320
2328
  position: relative;
@@ -2510,7 +2518,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2510
2518
  padding: 2px;
2511
2519
  }
2512
2520
  .e-grid .e-content {
2513
- -webkit-overflow-scrolling: touch;
2521
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2514
2522
  overflow-x: auto;
2515
2523
  overflow-y: scroll;
2516
2524
  position: relative;
@@ -2640,6 +2648,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2640
2648
  border-width: 1px 0 0;
2641
2649
  cursor: pointer;
2642
2650
  }
2651
+ .e-grid .e-disablepointer {
2652
+ cursor: default;
2653
+ }
2643
2654
  .e-grid .e-groupcaption {
2644
2655
  border-style: solid;
2645
2656
  border-width: 1px 0 0;
@@ -2861,6 +2872,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2861
2872
  .e-grid .e-checkboxfiltertext {
2862
2873
  width: 150px;
2863
2874
  word-break: normal;
2875
+ /* stylelint-disable */
2876
+ /* stylelint-enable */
2864
2877
  }
2865
2878
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2866
2879
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2920,10 +2933,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2920
2933
  overflow: hidden;
2921
2934
  }
2922
2935
  .e-grid .e-frozenhdrcont {
2923
- -ms-touch-action: none;
2936
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2924
2937
  }
2925
2938
  .e-grid .e-frozencontent {
2926
- -ms-touch-action: none;
2939
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2927
2940
  border-bottom-width: 1px;
2928
2941
  float: left;
2929
2942
  width: min-content;
@@ -2932,19 +2945,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2932
2945
  float: right;
2933
2946
  }
2934
2947
  .e-grid .e-movablecontent {
2935
- -ms-overflow-style: none;
2948
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2936
2949
  -ms-flex: 1;
2937
2950
  flex: 1;
2938
2951
  overflow-x: auto;
2939
2952
  overflow-y: hidden;
2940
2953
  }
2941
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2954
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2942
2955
  display: none;
2943
2956
  }
2944
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2957
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2945
2958
  width: 7px;
2946
2959
  }
2947
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2960
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2948
2961
  background-color: rgba(0, 0, 0, 0.5);
2949
2962
  border-radius: 4px;
2950
2963
  }
@@ -3351,9 +3364,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3351
3364
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3352
3365
  border-right: 0;
3353
3366
  }
3367
+ .e-grid .e-mask {
3368
+ display: inline-block;
3369
+ height: 10px;
3370
+ width: 80%;
3371
+ }
3372
+ .e-grid .e-mask.e-mask-group-intent {
3373
+ margin-left: 7px;
3374
+ width: 16px;
3375
+ }
3376
+ .e-grid .e-mask.e-mask-detail-intent {
3377
+ width: 16px;
3378
+ }
3379
+ .e-grid .e-mask.e-mask-checkbox-intent {
3380
+ margin-left: 3px;
3381
+ margin-right: 16px;
3382
+ width: 20px;
3383
+ }
3384
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3385
+ width: 13px;
3386
+ }
3387
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3388
+ margin-left: 8px;
3389
+ }
3390
+ .e-grid .e-mask.e-mask-drag-intent {
3391
+ margin-left: 12px;
3392
+ width: 12px;
3393
+ }
3354
3394
  .e-grid.sf-grid .e-table {
3355
3395
  border-spacing: 0.25px;
3356
3396
  }
3397
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3398
+ margin-left: 0;
3399
+ }
3357
3400
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3358
3401
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3359
3402
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3931,7 +3974,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3931
3974
  }
3932
3975
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3933
3976
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3934
- -moz-appearance: none;
3977
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3935
3978
  height: 1px;
3936
3979
  opacity: 0;
3937
3980
  width: 1px;
package/styles/fabric.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
@@ -72,6 +73,7 @@
72
73
  height: 34px;
73
74
  }
74
75
 
76
+ /* stylelint-disable property-no-vendor-prefix */
75
77
  @keyframes material-spinner-rotate {
76
78
  0% {
77
79
  transform: rotate(0);
@@ -88,7 +90,7 @@
88
90
  transform: rotate(360deg);
89
91
  }
90
92
  }
91
- /*!component icons*/
93
+ /* !component icons */
92
94
  .e-icon-check::before {
93
95
  content: "\e7ff";
94
96
  }
@@ -338,7 +340,7 @@
338
340
  word-break: normal;
339
341
  }
340
342
  .e-excelfilter .e-chk-hidden {
341
- -moz-appearance: none;
343
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
342
344
  height: 1px;
343
345
  opacity: 0;
344
346
  width: 1px;
@@ -482,6 +484,8 @@ li.e-separator.e-menu-item.e-excel-separator {
482
484
  border-color: #0078d6;
483
485
  }
484
486
 
487
+ /* stylelint-disable property-no-vendor-prefix */
488
+ /* stylelint-disable property-no-vendor-prefix */
485
489
  @keyframes material-spinner-rotate {
486
490
  0% {
487
491
  transform: rotate(0);
@@ -498,7 +502,7 @@ li.e-separator.e-menu-item.e-excel-separator {
498
502
  transform: rotate(360deg);
499
503
  }
500
504
  }
501
- /*!componenticons*/
505
+ /* !componenticons */
502
506
  .e-icon-check::before {
503
507
  content: "\e7ff";
504
508
  }
@@ -729,6 +733,7 @@ li.e-separator.e-menu-item.e-excel-separator {
729
733
  .e-bigger .e-grid,
730
734
  .e-grid.e-bigger {
731
735
  font-size: 14px;
736
+ /* stylelint-disable */
732
737
  }
733
738
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
734
739
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1386,6 +1391,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1386
1391
  font-size: 13px;
1387
1392
  height: auto;
1388
1393
  position: relative;
1394
+ /* stylelint-enable */
1395
+ /* stylelint-disable */
1396
+ /* stylelint-enable */
1389
1397
  }
1390
1398
  .e-grid .e-gridheader {
1391
1399
  -webkit-user-select: none;
@@ -2293,7 +2301,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2293
2301
  padding-left: 7px;
2294
2302
  }
2295
2303
  .e-grid .e-chk-hidden {
2296
- -moz-appearance: none;
2304
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
2297
2305
  height: 1px;
2298
2306
  opacity: 0;
2299
2307
  width: 1px;
@@ -2307,7 +2315,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2307
2315
  }
2308
2316
  .e-grid .e-rowcell .e-checkbox-wrapper,
2309
2317
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2310
- -webkit-user-select: auto;
2318
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2311
2319
  height: 20px;
2312
2320
  line-height: 21px;
2313
2321
  position: relative;
@@ -2503,7 +2511,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2503
2511
  padding: 2px;
2504
2512
  }
2505
2513
  .e-grid .e-content {
2506
- -webkit-overflow-scrolling: touch;
2514
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2507
2515
  overflow-x: auto;
2508
2516
  overflow-y: scroll;
2509
2517
  position: relative;
@@ -2633,6 +2641,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2633
2641
  border-width: 1px 0 0;
2634
2642
  cursor: pointer;
2635
2643
  }
2644
+ .e-grid .e-disablepointer {
2645
+ cursor: default;
2646
+ }
2636
2647
  .e-grid .e-groupcaption {
2637
2648
  border-style: solid;
2638
2649
  border-width: 1px 0 0;
@@ -2854,6 +2865,8 @@ li.e-separator.e-menu-item.e-excel-separator {
2854
2865
  .e-grid .e-checkboxfiltertext {
2855
2866
  width: 135px;
2856
2867
  word-break: normal;
2868
+ /* stylelint-disable */
2869
+ /* stylelint-enable */
2857
2870
  }
2858
2871
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2859
2872
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2913,10 +2926,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2913
2926
  overflow: hidden;
2914
2927
  }
2915
2928
  .e-grid .e-frozenhdrcont {
2916
- -ms-touch-action: none;
2929
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2917
2930
  }
2918
2931
  .e-grid .e-frozencontent {
2919
- -ms-touch-action: none;
2932
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2920
2933
  border-bottom-width: 1px;
2921
2934
  float: left;
2922
2935
  width: min-content;
@@ -2925,19 +2938,19 @@ li.e-separator.e-menu-item.e-excel-separator {
2925
2938
  float: right;
2926
2939
  }
2927
2940
  .e-grid .e-movablecontent {
2928
- -ms-overflow-style: none;
2941
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2929
2942
  -ms-flex: 1;
2930
2943
  flex: 1;
2931
2944
  overflow-x: auto;
2932
2945
  overflow-y: hidden;
2933
2946
  }
2934
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2947
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2935
2948
  display: none;
2936
2949
  }
2937
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2950
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2938
2951
  width: 7px;
2939
2952
  }
2940
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2953
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2941
2954
  background-color: rgba(0, 0, 0, 0.5);
2942
2955
  border-radius: 4px;
2943
2956
  }
@@ -3344,9 +3357,39 @@ li.e-separator.e-menu-item.e-excel-separator {
3344
3357
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3345
3358
  border-right: 0;
3346
3359
  }
3360
+ .e-grid .e-mask {
3361
+ display: inline-block;
3362
+ height: 10px;
3363
+ width: 80%;
3364
+ }
3365
+ .e-grid .e-mask.e-mask-group-intent {
3366
+ margin-left: 7px;
3367
+ width: 16px;
3368
+ }
3369
+ .e-grid .e-mask.e-mask-detail-intent {
3370
+ width: 16px;
3371
+ }
3372
+ .e-grid .e-mask.e-mask-checkbox-intent {
3373
+ margin-left: 3px;
3374
+ margin-right: 16px;
3375
+ width: 20px;
3376
+ }
3377
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3378
+ width: 13px;
3379
+ }
3380
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3381
+ margin-left: 8px;
3382
+ }
3383
+ .e-grid .e-mask.e-mask-drag-intent {
3384
+ margin-left: 12px;
3385
+ width: 12px;
3386
+ }
3347
3387
  .e-grid.sf-grid .e-table {
3348
3388
  border-spacing: 0.25px;
3349
3389
  }
3390
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3391
+ margin-left: 0;
3392
+ }
3350
3393
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3351
3394
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3352
3395
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3924,7 +3967,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3924
3967
  }
3925
3968
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3926
3969
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3927
- -moz-appearance: none;
3970
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3928
3971
  height: 1px;
3929
3972
  opacity: 0;
3930
3973
  width: 1px;