@syncfusion/ej2-react-grids 20.2.49 → 20.3.48

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 +15 -87
  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-input-group.e-ddl .e-control.e-autocomplete ~ .e-ddl-icon {
2
3
  font-size: 8px;
3
4
  }
@@ -145,6 +146,7 @@
145
146
  min-height: 34px;
146
147
  }
147
148
 
149
+ /* stylelint-disable property-no-vendor-prefix */
148
150
  @keyframes material-spinner-rotate {
149
151
  0% {
150
152
  transform: rotate(0);
@@ -392,6 +394,7 @@
392
394
  .e-bigger .e-grid,
393
395
  .e-grid.e-bigger {
394
396
  font-size: 16px;
397
+ /* stylelint-disable */
395
398
  }
396
399
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
397
400
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1055,6 +1058,9 @@
1055
1058
  font-size: 14px;
1056
1059
  height: auto;
1057
1060
  position: relative;
1061
+ /* stylelint-enable */
1062
+ /* stylelint-disable */
1063
+ /* stylelint-enable */
1058
1064
  }
1059
1065
  .e-grid .e-gridheader {
1060
1066
  -webkit-user-select: none;
@@ -1962,7 +1968,7 @@
1962
1968
  padding-left: 8px;
1963
1969
  }
1964
1970
  .e-grid .e-chk-hidden {
1965
- -moz-appearance: none;
1971
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1966
1972
  height: 1px;
1967
1973
  opacity: 0;
1968
1974
  width: 1px;
@@ -1976,7 +1982,7 @@
1976
1982
  }
1977
1983
  .e-grid .e-rowcell .e-checkbox-wrapper,
1978
1984
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1979
- -webkit-user-select: auto;
1985
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1980
1986
  height: 20px;
1981
1987
  line-height: 20px;
1982
1988
  position: relative;
@@ -2172,7 +2178,7 @@
2172
2178
  padding: 2px;
2173
2179
  }
2174
2180
  .e-grid .e-content {
2175
- -webkit-overflow-scrolling: touch;
2181
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2176
2182
  overflow-x: auto;
2177
2183
  overflow-y: scroll;
2178
2184
  position: relative;
@@ -2304,6 +2310,9 @@
2304
2310
  border-width: 1px 0 0;
2305
2311
  cursor: pointer;
2306
2312
  }
2313
+ .e-grid .e-disablepointer {
2314
+ cursor: default;
2315
+ }
2307
2316
  .e-grid .e-groupcaption {
2308
2317
  border-style: solid;
2309
2318
  border-width: 1px 0 0;
@@ -2525,6 +2534,8 @@
2525
2534
  .e-grid .e-checkboxfiltertext {
2526
2535
  width: 150px;
2527
2536
  word-break: normal;
2537
+ /* stylelint-disable */
2538
+ /* stylelint-enable */
2528
2539
  }
2529
2540
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2530
2541
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2584,10 +2595,10 @@
2584
2595
  overflow: hidden;
2585
2596
  }
2586
2597
  .e-grid .e-frozenhdrcont {
2587
- -ms-touch-action: none;
2598
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2588
2599
  }
2589
2600
  .e-grid .e-frozencontent {
2590
- -ms-touch-action: none;
2601
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2591
2602
  border-bottom-width: 1px;
2592
2603
  float: left;
2593
2604
  width: min-content;
@@ -2596,19 +2607,19 @@
2596
2607
  float: right;
2597
2608
  }
2598
2609
  .e-grid .e-movablecontent {
2599
- -ms-overflow-style: none;
2610
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2600
2611
  -ms-flex: 1;
2601
2612
  flex: 1;
2602
2613
  overflow-x: auto;
2603
2614
  overflow-y: hidden;
2604
2615
  }
2605
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2616
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2606
2617
  display: none;
2607
2618
  }
2608
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2619
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2609
2620
  width: 7px;
2610
2621
  }
2611
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2622
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2612
2623
  background-color: rgba(0, 0, 0, 0.5);
2613
2624
  border-radius: 4px;
2614
2625
  }
@@ -3016,9 +3027,39 @@
3016
3027
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3017
3028
  border-right: 0;
3018
3029
  }
3030
+ .e-grid .e-mask {
3031
+ display: inline-block;
3032
+ height: 10px;
3033
+ width: 80%;
3034
+ }
3035
+ .e-grid .e-mask.e-mask-group-intent {
3036
+ margin-left: 7px;
3037
+ width: 16px;
3038
+ }
3039
+ .e-grid .e-mask.e-mask-detail-intent {
3040
+ width: 16px;
3041
+ }
3042
+ .e-grid .e-mask.e-mask-checkbox-intent {
3043
+ margin-left: 3px;
3044
+ margin-right: 16px;
3045
+ width: 20px;
3046
+ }
3047
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3048
+ width: 13px;
3049
+ }
3050
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3051
+ margin-left: 8px;
3052
+ }
3053
+ .e-grid .e-mask.e-mask-drag-intent {
3054
+ margin-left: 12px;
3055
+ width: 12px;
3056
+ }
3019
3057
  .e-grid.sf-grid .e-table {
3020
3058
  border-spacing: 0.25px;
3021
3059
  }
3060
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3061
+ margin-left: -8px;
3062
+ }
3022
3063
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3023
3064
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3024
3065
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3596,7 +3637,7 @@
3596
3637
  }
3597
3638
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3598
3639
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3599
- -moz-appearance: none;
3640
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3600
3641
  height: 1px;
3601
3642
  opacity: 0;
3602
3643
  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;
@@ -144,6 +145,7 @@
144
145
  min-height: 34px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0);
@@ -161,6 +163,7 @@
161
163
  }
162
164
  }
163
165
  /*! Toolbar's bootstrap5 theme wise override definitions and variables */
166
+ /* stylelint-disable */
164
167
  /*! component icons */
165
168
  .e-icon-check::before {
166
169
  content: "\e774";
@@ -405,6 +408,7 @@
405
408
  .e-bigger .e-grid,
406
409
  .e-grid.e-bigger {
407
410
  font-size: 16px;
411
+ /* stylelint-disable */
408
412
  }
409
413
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
410
414
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1068,6 +1072,9 @@
1068
1072
  font-size: 14px;
1069
1073
  height: auto;
1070
1074
  position: relative;
1075
+ /* stylelint-enable */
1076
+ /* stylelint-disable */
1077
+ /* stylelint-enable */
1071
1078
  }
1072
1079
  .e-grid .e-gridheader {
1073
1080
  -webkit-user-select: none;
@@ -1976,7 +1983,7 @@
1976
1983
  padding-left: 8px;
1977
1984
  }
1978
1985
  .e-grid .e-chk-hidden {
1979
- -moz-appearance: none;
1986
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1980
1987
  height: 1px;
1981
1988
  opacity: 0;
1982
1989
  width: 1px;
@@ -1990,7 +1997,7 @@
1990
1997
  }
1991
1998
  .e-grid .e-rowcell .e-checkbox-wrapper,
1992
1999
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1993
- -webkit-user-select: auto;
2000
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1994
2001
  height: 20px;
1995
2002
  line-height: 20px;
1996
2003
  position: relative;
@@ -2186,7 +2193,7 @@
2186
2193
  padding: 2px;
2187
2194
  }
2188
2195
  .e-grid .e-content {
2189
- -webkit-overflow-scrolling: touch;
2196
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2190
2197
  overflow-x: auto;
2191
2198
  overflow-y: scroll;
2192
2199
  position: relative;
@@ -2316,6 +2323,9 @@
2316
2323
  border-width: 1px 0 0;
2317
2324
  cursor: pointer;
2318
2325
  }
2326
+ .e-grid .e-disablepointer {
2327
+ cursor: default;
2328
+ }
2319
2329
  .e-grid .e-groupcaption {
2320
2330
  border-style: solid;
2321
2331
  border-width: 1px 0 0;
@@ -2537,6 +2547,8 @@
2537
2547
  .e-grid .e-checkboxfiltertext {
2538
2548
  width: 150px;
2539
2549
  word-break: normal;
2550
+ /* stylelint-disable */
2551
+ /* stylelint-enable */
2540
2552
  }
2541
2553
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2542
2554
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2596,10 +2608,10 @@
2596
2608
  overflow: hidden;
2597
2609
  }
2598
2610
  .e-grid .e-frozenhdrcont {
2599
- -ms-touch-action: none;
2611
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2600
2612
  }
2601
2613
  .e-grid .e-frozencontent {
2602
- -ms-touch-action: none;
2614
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2603
2615
  border-bottom-width: 1px;
2604
2616
  float: left;
2605
2617
  width: min-content;
@@ -2608,19 +2620,19 @@
2608
2620
  float: right;
2609
2621
  }
2610
2622
  .e-grid .e-movablecontent {
2611
- -ms-overflow-style: none;
2623
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2612
2624
  -ms-flex: 1;
2613
2625
  flex: 1;
2614
2626
  overflow-x: auto;
2615
2627
  overflow-y: hidden;
2616
2628
  }
2617
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2629
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2618
2630
  display: none;
2619
2631
  }
2620
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2632
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2621
2633
  width: 7px;
2622
2634
  }
2623
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2635
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2624
2636
  background-color: rgba(0, 0, 0, 0.5);
2625
2637
  border-radius: 4px;
2626
2638
  }
@@ -3027,9 +3039,39 @@
3027
3039
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3028
3040
  border-right: 0;
3029
3041
  }
3042
+ .e-grid .e-mask {
3043
+ display: inline-block;
3044
+ height: 10px;
3045
+ width: 80%;
3046
+ }
3047
+ .e-grid .e-mask.e-mask-group-intent {
3048
+ margin-left: 7px;
3049
+ width: 16px;
3050
+ }
3051
+ .e-grid .e-mask.e-mask-detail-intent {
3052
+ width: 16px;
3053
+ }
3054
+ .e-grid .e-mask.e-mask-checkbox-intent {
3055
+ margin-left: 3px;
3056
+ margin-right: 16px;
3057
+ width: 20px;
3058
+ }
3059
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3060
+ width: 13px;
3061
+ }
3062
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3063
+ margin-left: 8px;
3064
+ }
3065
+ .e-grid .e-mask.e-mask-drag-intent {
3066
+ margin-left: 12px;
3067
+ width: 12px;
3068
+ }
3030
3069
  .e-grid.sf-grid .e-table {
3031
3070
  border-spacing: 0.25px;
3032
3071
  }
3072
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3073
+ margin-left: -12px;
3074
+ }
3033
3075
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3034
3076
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3035
3077
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3617,7 +3659,7 @@
3617
3659
  }
3618
3660
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3619
3661
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3620
- -moz-appearance: none;
3662
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3621
3663
  height: 1px;
3622
3664
  opacity: 0;
3623
3665
  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;
@@ -144,6 +145,7 @@
144
145
  min-height: 34px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0);
@@ -161,6 +163,7 @@
161
163
  }
162
164
  }
163
165
  /*! Toolbar's bootstrap5 theme wise override definitions and variables */
166
+ /* stylelint-disable */
164
167
  /*! component icons */
165
168
  .e-icon-check::before {
166
169
  content: "\e774";
@@ -405,6 +408,7 @@
405
408
  .e-bigger .e-grid,
406
409
  .e-grid.e-bigger {
407
410
  font-size: 16px;
411
+ /* stylelint-disable */
408
412
  }
409
413
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
410
414
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1068,6 +1072,9 @@
1068
1072
  font-size: 14px;
1069
1073
  height: auto;
1070
1074
  position: relative;
1075
+ /* stylelint-enable */
1076
+ /* stylelint-disable */
1077
+ /* stylelint-enable */
1071
1078
  }
1072
1079
  .e-grid .e-gridheader {
1073
1080
  -webkit-user-select: none;
@@ -1976,7 +1983,7 @@
1976
1983
  padding-left: 8px;
1977
1984
  }
1978
1985
  .e-grid .e-chk-hidden {
1979
- -moz-appearance: none;
1986
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1980
1987
  height: 1px;
1981
1988
  opacity: 0;
1982
1989
  width: 1px;
@@ -1990,7 +1997,7 @@
1990
1997
  }
1991
1998
  .e-grid .e-rowcell .e-checkbox-wrapper,
1992
1999
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1993
- -webkit-user-select: auto;
2000
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1994
2001
  height: 20px;
1995
2002
  line-height: 20px;
1996
2003
  position: relative;
@@ -2186,7 +2193,7 @@
2186
2193
  padding: 2px;
2187
2194
  }
2188
2195
  .e-grid .e-content {
2189
- -webkit-overflow-scrolling: touch;
2196
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2190
2197
  overflow-x: auto;
2191
2198
  overflow-y: scroll;
2192
2199
  position: relative;
@@ -2316,6 +2323,9 @@
2316
2323
  border-width: 1px 0 0;
2317
2324
  cursor: pointer;
2318
2325
  }
2326
+ .e-grid .e-disablepointer {
2327
+ cursor: default;
2328
+ }
2319
2329
  .e-grid .e-groupcaption {
2320
2330
  border-style: solid;
2321
2331
  border-width: 1px 0 0;
@@ -2537,6 +2547,8 @@
2537
2547
  .e-grid .e-checkboxfiltertext {
2538
2548
  width: 150px;
2539
2549
  word-break: normal;
2550
+ /* stylelint-disable */
2551
+ /* stylelint-enable */
2540
2552
  }
2541
2553
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2542
2554
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2596,10 +2608,10 @@
2596
2608
  overflow: hidden;
2597
2609
  }
2598
2610
  .e-grid .e-frozenhdrcont {
2599
- -ms-touch-action: none;
2611
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2600
2612
  }
2601
2613
  .e-grid .e-frozencontent {
2602
- -ms-touch-action: none;
2614
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2603
2615
  border-bottom-width: 1px;
2604
2616
  float: left;
2605
2617
  width: min-content;
@@ -2608,19 +2620,19 @@
2608
2620
  float: right;
2609
2621
  }
2610
2622
  .e-grid .e-movablecontent {
2611
- -ms-overflow-style: none;
2623
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2612
2624
  -ms-flex: 1;
2613
2625
  flex: 1;
2614
2626
  overflow-x: auto;
2615
2627
  overflow-y: hidden;
2616
2628
  }
2617
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2629
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2618
2630
  display: none;
2619
2631
  }
2620
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2632
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2621
2633
  width: 7px;
2622
2634
  }
2623
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2635
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2624
2636
  background-color: rgba(0, 0, 0, 0.5);
2625
2637
  border-radius: 4px;
2626
2638
  }
@@ -3027,9 +3039,39 @@
3027
3039
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3028
3040
  border-right: 0;
3029
3041
  }
3042
+ .e-grid .e-mask {
3043
+ display: inline-block;
3044
+ height: 10px;
3045
+ width: 80%;
3046
+ }
3047
+ .e-grid .e-mask.e-mask-group-intent {
3048
+ margin-left: 7px;
3049
+ width: 16px;
3050
+ }
3051
+ .e-grid .e-mask.e-mask-detail-intent {
3052
+ width: 16px;
3053
+ }
3054
+ .e-grid .e-mask.e-mask-checkbox-intent {
3055
+ margin-left: 3px;
3056
+ margin-right: 16px;
3057
+ width: 20px;
3058
+ }
3059
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3060
+ width: 13px;
3061
+ }
3062
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3063
+ margin-left: 8px;
3064
+ }
3065
+ .e-grid .e-mask.e-mask-drag-intent {
3066
+ margin-left: 12px;
3067
+ width: 12px;
3068
+ }
3030
3069
  .e-grid.sf-grid .e-table {
3031
3070
  border-spacing: 0.25px;
3032
3071
  }
3072
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3073
+ margin-left: -12px;
3074
+ }
3033
3075
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3034
3076
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3035
3077
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3617,7 +3659,7 @@
3617
3659
  }
3618
3660
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3619
3661
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3620
- -moz-appearance: none;
3662
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3621
3663
  height: 1px;
3622
3664
  opacity: 0;
3623
3665
  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
- /*!componenticons*/
100
+ /* !componenticons */
99
101
  .e-icon-check::before {
100
102
  content: "\e7ff";
101
103
  }
@@ -326,6 +328,7 @@
326
328
  .e-bigger .e-grid,
327
329
  .e-grid.e-bigger {
328
330
  font-size: 14px;
331
+ /* stylelint-disable */
329
332
  }
330
333
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
331
334
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -983,6 +986,9 @@
983
986
  font-size: 13px;
984
987
  height: auto;
985
988
  position: relative;
989
+ /* stylelint-enable */
990
+ /* stylelint-disable */
991
+ /* stylelint-enable */
986
992
  }
987
993
  .e-grid .e-gridheader {
988
994
  -webkit-user-select: none;
@@ -1371,7 +1377,7 @@
1371
1377
  font-weight: normal;
1372
1378
  height: 29px;
1373
1379
  line-height: 29px;
1374
- margin: 0;
1380
+ margin: 0 0 0 -5px;
1375
1381
  overflow: hidden;
1376
1382
  padding: 0 1px 0;
1377
1383
  text-align: left;
@@ -1890,7 +1896,7 @@
1890
1896
  padding-left: 7px;
1891
1897
  }
1892
1898
  .e-grid .e-chk-hidden {
1893
- -moz-appearance: none;
1899
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1894
1900
  height: 1px;
1895
1901
  opacity: 0;
1896
1902
  width: 1px;
@@ -1904,7 +1910,7 @@
1904
1910
  }
1905
1911
  .e-grid .e-rowcell .e-checkbox-wrapper,
1906
1912
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1907
- -webkit-user-select: auto;
1913
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1908
1914
  height: 20px;
1909
1915
  line-height: 21px;
1910
1916
  position: relative;
@@ -2100,7 +2106,7 @@
2100
2106
  padding: 2px;
2101
2107
  }
2102
2108
  .e-grid .e-content {
2103
- -webkit-overflow-scrolling: touch;
2109
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2104
2110
  overflow-x: auto;
2105
2111
  overflow-y: scroll;
2106
2112
  position: relative;
@@ -2230,6 +2236,9 @@
2230
2236
  border-width: 1px 0 0;
2231
2237
  cursor: pointer;
2232
2238
  }
2239
+ .e-grid .e-disablepointer {
2240
+ cursor: default;
2241
+ }
2233
2242
  .e-grid .e-groupcaption {
2234
2243
  border-style: solid;
2235
2244
  border-width: 1px 0 0;
@@ -2451,6 +2460,8 @@
2451
2460
  .e-grid .e-checkboxfiltertext {
2452
2461
  width: 150px;
2453
2462
  word-break: normal;
2463
+ /* stylelint-disable */
2464
+ /* stylelint-enable */
2454
2465
  }
2455
2466
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2456
2467
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2510,10 +2521,10 @@
2510
2521
  overflow: hidden;
2511
2522
  }
2512
2523
  .e-grid .e-frozenhdrcont {
2513
- -ms-touch-action: none;
2524
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2514
2525
  }
2515
2526
  .e-grid .e-frozencontent {
2516
- -ms-touch-action: none;
2527
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2517
2528
  border-bottom-width: 1px;
2518
2529
  float: left;
2519
2530
  width: min-content;
@@ -2522,19 +2533,19 @@
2522
2533
  float: right;
2523
2534
  }
2524
2535
  .e-grid .e-movablecontent {
2525
- -ms-overflow-style: none;
2536
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2526
2537
  -ms-flex: 1;
2527
2538
  flex: 1;
2528
2539
  overflow-x: auto;
2529
2540
  overflow-y: hidden;
2530
2541
  }
2531
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2542
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2532
2543
  display: none;
2533
2544
  }
2534
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2545
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2535
2546
  width: 7px;
2536
2547
  }
2537
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2548
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2538
2549
  background-color: rgba(0, 0, 0, 0.5);
2539
2550
  border-radius: 4px;
2540
2551
  }
@@ -2941,9 +2952,39 @@
2941
2952
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
2942
2953
  border-right: 0;
2943
2954
  }
2955
+ .e-grid .e-mask {
2956
+ display: inline-block;
2957
+ height: 10px;
2958
+ width: 80%;
2959
+ }
2960
+ .e-grid .e-mask.e-mask-group-intent {
2961
+ margin-left: 7px;
2962
+ width: 16px;
2963
+ }
2964
+ .e-grid .e-mask.e-mask-detail-intent {
2965
+ width: 16px;
2966
+ }
2967
+ .e-grid .e-mask.e-mask-checkbox-intent {
2968
+ margin-left: 3px;
2969
+ margin-right: 16px;
2970
+ width: 20px;
2971
+ }
2972
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
2973
+ width: 13px;
2974
+ }
2975
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
2976
+ margin-left: 8px;
2977
+ }
2978
+ .e-grid .e-mask.e-mask-drag-intent {
2979
+ margin-left: 12px;
2980
+ width: 12px;
2981
+ }
2944
2982
  .e-grid.sf-grid .e-table {
2945
2983
  border-spacing: 0.25px;
2946
2984
  }
2985
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
2986
+ margin-left: 0;
2987
+ }
2947
2988
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
2948
2989
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
2949
2990
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3521,7 +3562,7 @@
3521
3562
  }
3522
3563
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3523
3564
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3524
- -moz-appearance: none;
3565
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3525
3566
  height: 1px;
3526
3567
  opacity: 0;
3527
3568
  width: 1px;