@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.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
- /*!componenticons*/
93
+ /* !componenticons */
92
94
  .e-icon-check::before {
93
95
  content: "\e7ff";
94
96
  }
@@ -319,6 +321,7 @@
319
321
  .e-bigger .e-grid,
320
322
  .e-grid.e-bigger {
321
323
  font-size: 14px;
324
+ /* stylelint-disable */
322
325
  }
323
326
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
324
327
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -976,6 +979,9 @@
976
979
  font-size: 13px;
977
980
  height: auto;
978
981
  position: relative;
982
+ /* stylelint-enable */
983
+ /* stylelint-disable */
984
+ /* stylelint-enable */
979
985
  }
980
986
  .e-grid .e-gridheader {
981
987
  -webkit-user-select: none;
@@ -1883,7 +1889,7 @@
1883
1889
  padding-left: 7px;
1884
1890
  }
1885
1891
  .e-grid .e-chk-hidden {
1886
- -moz-appearance: none;
1892
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1887
1893
  height: 1px;
1888
1894
  opacity: 0;
1889
1895
  width: 1px;
@@ -1897,7 +1903,7 @@
1897
1903
  }
1898
1904
  .e-grid .e-rowcell .e-checkbox-wrapper,
1899
1905
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1900
- -webkit-user-select: auto;
1906
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1901
1907
  height: 20px;
1902
1908
  line-height: 21px;
1903
1909
  position: relative;
@@ -2093,7 +2099,7 @@
2093
2099
  padding: 2px;
2094
2100
  }
2095
2101
  .e-grid .e-content {
2096
- -webkit-overflow-scrolling: touch;
2102
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2097
2103
  overflow-x: auto;
2098
2104
  overflow-y: scroll;
2099
2105
  position: relative;
@@ -2223,6 +2229,9 @@
2223
2229
  border-width: 1px 0 0;
2224
2230
  cursor: pointer;
2225
2231
  }
2232
+ .e-grid .e-disablepointer {
2233
+ cursor: default;
2234
+ }
2226
2235
  .e-grid .e-groupcaption {
2227
2236
  border-style: solid;
2228
2237
  border-width: 1px 0 0;
@@ -2444,6 +2453,8 @@
2444
2453
  .e-grid .e-checkboxfiltertext {
2445
2454
  width: 135px;
2446
2455
  word-break: normal;
2456
+ /* stylelint-disable */
2457
+ /* stylelint-enable */
2447
2458
  }
2448
2459
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2449
2460
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2503,10 +2514,10 @@
2503
2514
  overflow: hidden;
2504
2515
  }
2505
2516
  .e-grid .e-frozenhdrcont {
2506
- -ms-touch-action: none;
2517
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2507
2518
  }
2508
2519
  .e-grid .e-frozencontent {
2509
- -ms-touch-action: none;
2520
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2510
2521
  border-bottom-width: 1px;
2511
2522
  float: left;
2512
2523
  width: min-content;
@@ -2515,19 +2526,19 @@
2515
2526
  float: right;
2516
2527
  }
2517
2528
  .e-grid .e-movablecontent {
2518
- -ms-overflow-style: none;
2529
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2519
2530
  -ms-flex: 1;
2520
2531
  flex: 1;
2521
2532
  overflow-x: auto;
2522
2533
  overflow-y: hidden;
2523
2534
  }
2524
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2535
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2525
2536
  display: none;
2526
2537
  }
2527
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2538
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2528
2539
  width: 7px;
2529
2540
  }
2530
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2541
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2531
2542
  background-color: rgba(0, 0, 0, 0.5);
2532
2543
  border-radius: 4px;
2533
2544
  }
@@ -2934,9 +2945,39 @@
2934
2945
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
2935
2946
  border-right: 0;
2936
2947
  }
2948
+ .e-grid .e-mask {
2949
+ display: inline-block;
2950
+ height: 10px;
2951
+ width: 80%;
2952
+ }
2953
+ .e-grid .e-mask.e-mask-group-intent {
2954
+ margin-left: 7px;
2955
+ width: 16px;
2956
+ }
2957
+ .e-grid .e-mask.e-mask-detail-intent {
2958
+ width: 16px;
2959
+ }
2960
+ .e-grid .e-mask.e-mask-checkbox-intent {
2961
+ margin-left: 3px;
2962
+ margin-right: 16px;
2963
+ width: 20px;
2964
+ }
2965
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
2966
+ width: 13px;
2967
+ }
2968
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
2969
+ margin-left: 8px;
2970
+ }
2971
+ .e-grid .e-mask.e-mask-drag-intent {
2972
+ margin-left: 12px;
2973
+ width: 12px;
2974
+ }
2937
2975
  .e-grid.sf-grid .e-table {
2938
2976
  border-spacing: 0.25px;
2939
2977
  }
2978
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
2979
+ margin-left: 0;
2980
+ }
2940
2981
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
2941
2982
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
2942
2983
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3514,7 +3555,7 @@
3514
3555
  }
3515
3556
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3516
3557
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3517
- -moz-appearance: none;
3558
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3518
3559
  height: 1px;
3519
3560
  opacity: 0;
3520
3561
  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);
@@ -384,6 +386,7 @@
384
386
  .e-bigger .e-grid,
385
387
  .e-grid.e-bigger {
386
388
  font-size: 16px;
389
+ /* stylelint-disable */
387
390
  }
388
391
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
389
392
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1071,6 +1074,9 @@
1071
1074
  font-size: 14px;
1072
1075
  height: auto;
1073
1076
  position: relative;
1077
+ /* stylelint-enable */
1078
+ /* stylelint-disable */
1079
+ /* stylelint-enable */
1074
1080
  }
1075
1081
  .e-grid .e-gridheader {
1076
1082
  -webkit-user-select: none;
@@ -1988,7 +1994,7 @@
1988
1994
  padding-left: 8px;
1989
1995
  }
1990
1996
  .e-grid .e-chk-hidden {
1991
- -moz-appearance: none;
1997
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1992
1998
  height: 1px;
1993
1999
  opacity: 0;
1994
2000
  width: 1px;
@@ -2002,7 +2008,7 @@
2002
2008
  }
2003
2009
  .e-grid .e-rowcell .e-checkbox-wrapper,
2004
2010
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2005
- -webkit-user-select: auto;
2011
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2006
2012
  height: 20px;
2007
2013
  line-height: 20px;
2008
2014
  position: relative;
@@ -2199,7 +2205,7 @@
2199
2205
  padding: 2px;
2200
2206
  }
2201
2207
  .e-grid .e-content {
2202
- -webkit-overflow-scrolling: touch;
2208
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2203
2209
  overflow-x: auto;
2204
2210
  overflow-y: scroll;
2205
2211
  position: relative;
@@ -2332,6 +2338,9 @@
2332
2338
  border-width: 1px 0 0;
2333
2339
  cursor: pointer;
2334
2340
  }
2341
+ .e-grid .e-disablepointer {
2342
+ cursor: default;
2343
+ }
2335
2344
  .e-grid .e-groupcaption {
2336
2345
  border-style: solid;
2337
2346
  border-width: 1px 0 0;
@@ -2553,7 +2562,9 @@
2553
2562
  .e-grid .e-checkboxfiltertext {
2554
2563
  width: 150px;
2555
2564
  word-break: normal;
2565
+ /* stylelint-disable */
2556
2566
  margin-left: 12px !important;
2567
+ /* stylelint-enable */
2557
2568
  }
2558
2569
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2559
2570
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2613,10 +2624,10 @@
2613
2624
  overflow: hidden;
2614
2625
  }
2615
2626
  .e-grid .e-frozenhdrcont {
2616
- -ms-touch-action: none;
2627
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2617
2628
  }
2618
2629
  .e-grid .e-frozencontent {
2619
- -ms-touch-action: none;
2630
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2620
2631
  border-bottom-width: 1px;
2621
2632
  float: left;
2622
2633
  width: min-content;
@@ -2625,19 +2636,19 @@
2625
2636
  float: right;
2626
2637
  }
2627
2638
  .e-grid .e-movablecontent {
2628
- -ms-overflow-style: none;
2639
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2629
2640
  -ms-flex: 1;
2630
2641
  flex: 1;
2631
2642
  overflow-x: auto;
2632
2643
  overflow-y: hidden;
2633
2644
  }
2634
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2645
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2635
2646
  display: none;
2636
2647
  }
2637
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2648
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2638
2649
  width: 7px;
2639
2650
  }
2640
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2651
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2641
2652
  background-color: rgba(0, 0, 0, 0.5);
2642
2653
  border-radius: 4px;
2643
2654
  }
@@ -3044,9 +3055,39 @@
3044
3055
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3045
3056
  border-right: 0;
3046
3057
  }
3058
+ .e-grid .e-mask {
3059
+ display: inline-block;
3060
+ height: 10px;
3061
+ width: 80%;
3062
+ }
3063
+ .e-grid .e-mask.e-mask-group-intent {
3064
+ margin-left: 7px;
3065
+ width: 16px;
3066
+ }
3067
+ .e-grid .e-mask.e-mask-detail-intent {
3068
+ width: 16px;
3069
+ }
3070
+ .e-grid .e-mask.e-mask-checkbox-intent {
3071
+ margin-left: 3px;
3072
+ margin-right: 16px;
3073
+ width: 20px;
3074
+ }
3075
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3076
+ width: 13px;
3077
+ }
3078
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3079
+ margin-left: 8px;
3080
+ }
3081
+ .e-grid .e-mask.e-mask-drag-intent {
3082
+ margin-left: 12px;
3083
+ width: 12px;
3084
+ }
3047
3085
  .e-grid.sf-grid .e-table {
3048
3086
  border-spacing: 0.25px;
3049
3087
  }
3088
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3089
+ margin-left: -9px;
3090
+ }
3050
3091
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3051
3092
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3052
3093
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3638,7 +3679,7 @@
3638
3679
  }
3639
3680
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3640
3681
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3641
- -moz-appearance: none;
3682
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3642
3683
  height: 1px;
3643
3684
  opacity: 0;
3644
3685
  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);
@@ -384,6 +386,7 @@
384
386
  .e-bigger .e-grid,
385
387
  .e-grid.e-bigger {
386
388
  font-size: 16px;
389
+ /* stylelint-disable */
387
390
  }
388
391
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
389
392
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1071,6 +1074,9 @@
1071
1074
  font-size: 14px;
1072
1075
  height: auto;
1073
1076
  position: relative;
1077
+ /* stylelint-enable */
1078
+ /* stylelint-disable */
1079
+ /* stylelint-enable */
1074
1080
  }
1075
1081
  .e-grid .e-gridheader {
1076
1082
  -webkit-user-select: none;
@@ -1988,7 +1994,7 @@
1988
1994
  padding-left: 8px;
1989
1995
  }
1990
1996
  .e-grid .e-chk-hidden {
1991
- -moz-appearance: none;
1997
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1992
1998
  height: 1px;
1993
1999
  opacity: 0;
1994
2000
  width: 1px;
@@ -2002,7 +2008,7 @@
2002
2008
  }
2003
2009
  .e-grid .e-rowcell .e-checkbox-wrapper,
2004
2010
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2005
- -webkit-user-select: auto;
2011
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
2006
2012
  height: 20px;
2007
2013
  line-height: 20px;
2008
2014
  position: relative;
@@ -2199,7 +2205,7 @@
2199
2205
  padding: 2px;
2200
2206
  }
2201
2207
  .e-grid .e-content {
2202
- -webkit-overflow-scrolling: touch;
2208
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2203
2209
  overflow-x: auto;
2204
2210
  overflow-y: scroll;
2205
2211
  position: relative;
@@ -2332,6 +2338,9 @@
2332
2338
  border-width: 1px 0 0;
2333
2339
  cursor: pointer;
2334
2340
  }
2341
+ .e-grid .e-disablepointer {
2342
+ cursor: default;
2343
+ }
2335
2344
  .e-grid .e-groupcaption {
2336
2345
  border-style: solid;
2337
2346
  border-width: 1px 0 0;
@@ -2553,7 +2562,9 @@
2553
2562
  .e-grid .e-checkboxfiltertext {
2554
2563
  width: 150px;
2555
2564
  word-break: normal;
2565
+ /* stylelint-disable */
2556
2566
  margin-left: 12px !important;
2567
+ /* stylelint-enable */
2557
2568
  }
2558
2569
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2559
2570
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2613,10 +2624,10 @@
2613
2624
  overflow: hidden;
2614
2625
  }
2615
2626
  .e-grid .e-frozenhdrcont {
2616
- -ms-touch-action: none;
2627
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2617
2628
  }
2618
2629
  .e-grid .e-frozencontent {
2619
- -ms-touch-action: none;
2630
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2620
2631
  border-bottom-width: 1px;
2621
2632
  float: left;
2622
2633
  width: min-content;
@@ -2625,19 +2636,19 @@
2625
2636
  float: right;
2626
2637
  }
2627
2638
  .e-grid .e-movablecontent {
2628
- -ms-overflow-style: none;
2639
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2629
2640
  -ms-flex: 1;
2630
2641
  flex: 1;
2631
2642
  overflow-x: auto;
2632
2643
  overflow-y: hidden;
2633
2644
  }
2634
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2645
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2635
2646
  display: none;
2636
2647
  }
2637
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2648
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2638
2649
  width: 7px;
2639
2650
  }
2640
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2651
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2641
2652
  background-color: rgba(0, 0, 0, 0.5);
2642
2653
  border-radius: 4px;
2643
2654
  }
@@ -3044,9 +3055,39 @@
3044
3055
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
3045
3056
  border-right: 0;
3046
3057
  }
3058
+ .e-grid .e-mask {
3059
+ display: inline-block;
3060
+ height: 10px;
3061
+ width: 80%;
3062
+ }
3063
+ .e-grid .e-mask.e-mask-group-intent {
3064
+ margin-left: 7px;
3065
+ width: 16px;
3066
+ }
3067
+ .e-grid .e-mask.e-mask-detail-intent {
3068
+ width: 16px;
3069
+ }
3070
+ .e-grid .e-mask.e-mask-checkbox-intent {
3071
+ margin-left: 3px;
3072
+ margin-right: 16px;
3073
+ width: 20px;
3074
+ }
3075
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
3076
+ width: 13px;
3077
+ }
3078
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
3079
+ margin-left: 8px;
3080
+ }
3081
+ .e-grid .e-mask.e-mask-drag-intent {
3082
+ margin-left: 12px;
3083
+ width: 12px;
3084
+ }
3047
3085
  .e-grid.sf-grid .e-table {
3048
3086
  border-spacing: 0.25px;
3049
3087
  }
3088
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
3089
+ margin-left: -9px;
3090
+ }
3050
3091
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
3051
3092
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
3052
3093
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3638,7 +3679,7 @@
3638
3679
  }
3639
3680
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3640
3681
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3641
- -moz-appearance: none;
3682
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3642
3683
  height: 1px;
3643
3684
  opacity: 0;
3644
3685
  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
- /*!componenticons*/
97
+ /* !componenticons */
96
98
  .e-icon-check::before {
97
99
  content: "\e7ff";
98
100
  }
@@ -323,6 +325,7 @@
323
325
  .e-bigger .e-grid,
324
326
  .e-grid.e-bigger {
325
327
  font-size: 14px;
328
+ /* stylelint-disable */
326
329
  }
327
330
  .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
328
331
  .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -980,6 +983,9 @@
980
983
  font-size: 13px;
981
984
  height: auto;
982
985
  position: relative;
986
+ /* stylelint-enable */
987
+ /* stylelint-disable */
988
+ /* stylelint-enable */
983
989
  }
984
990
  .e-grid .e-gridheader {
985
991
  -webkit-user-select: none;
@@ -1887,7 +1893,7 @@
1887
1893
  padding-left: 7px;
1888
1894
  }
1889
1895
  .e-grid .e-chk-hidden {
1890
- -moz-appearance: none;
1896
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
1891
1897
  height: 1px;
1892
1898
  opacity: 0;
1893
1899
  width: 1px;
@@ -1901,7 +1907,7 @@
1901
1907
  }
1902
1908
  .e-grid .e-rowcell .e-checkbox-wrapper,
1903
1909
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
1904
- -webkit-user-select: auto;
1910
+ -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
1905
1911
  height: 20px;
1906
1912
  line-height: 20px;
1907
1913
  position: relative;
@@ -2097,7 +2103,7 @@
2097
2103
  padding: 2px;
2098
2104
  }
2099
2105
  .e-grid .e-content {
2100
- -webkit-overflow-scrolling: touch;
2106
+ -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
2101
2107
  overflow-x: auto;
2102
2108
  overflow-y: scroll;
2103
2109
  position: relative;
@@ -2227,6 +2233,9 @@
2227
2233
  border-width: 1px 0 0;
2228
2234
  cursor: pointer;
2229
2235
  }
2236
+ .e-grid .e-disablepointer {
2237
+ cursor: default;
2238
+ }
2230
2239
  .e-grid .e-groupcaption {
2231
2240
  border-style: solid;
2232
2241
  border-width: 1px 0 0;
@@ -2448,6 +2457,8 @@
2448
2457
  .e-grid .e-checkboxfiltertext {
2449
2458
  width: 135px;
2450
2459
  word-break: normal;
2460
+ /* stylelint-disable */
2461
+ /* stylelint-enable */
2451
2462
  }
2452
2463
  .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
2453
2464
  .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2507,10 +2518,10 @@
2507
2518
  overflow: hidden;
2508
2519
  }
2509
2520
  .e-grid .e-frozenhdrcont {
2510
- -ms-touch-action: none;
2521
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2511
2522
  }
2512
2523
  .e-grid .e-frozencontent {
2513
- -ms-touch-action: none;
2524
+ -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
2514
2525
  border-bottom-width: 1px;
2515
2526
  float: left;
2516
2527
  width: min-content;
@@ -2519,19 +2530,19 @@
2519
2530
  float: right;
2520
2531
  }
2521
2532
  .e-grid .e-movablecontent {
2522
- -ms-overflow-style: none;
2533
+ -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
2523
2534
  -ms-flex: 1;
2524
2535
  flex: 1;
2525
2536
  overflow-x: auto;
2526
2537
  overflow-y: hidden;
2527
2538
  }
2528
- .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
2539
+ .e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2529
2540
  display: none;
2530
2541
  }
2531
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar {
2542
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
2532
2543
  width: 7px;
2533
2544
  }
2534
- .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
2545
+ .e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
2535
2546
  background-color: rgba(0, 0, 0, 0.5);
2536
2547
  border-radius: 4px;
2537
2548
  }
@@ -2938,9 +2949,39 @@
2938
2949
  .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
2939
2950
  border-right: 0;
2940
2951
  }
2952
+ .e-grid .e-mask {
2953
+ display: inline-block;
2954
+ height: 10px;
2955
+ width: 80%;
2956
+ }
2957
+ .e-grid .e-mask.e-mask-group-intent {
2958
+ margin-left: 7px;
2959
+ width: 16px;
2960
+ }
2961
+ .e-grid .e-mask.e-mask-detail-intent {
2962
+ width: 16px;
2963
+ }
2964
+ .e-grid .e-mask.e-mask-checkbox-intent {
2965
+ margin-left: 3px;
2966
+ margin-right: 16px;
2967
+ width: 20px;
2968
+ }
2969
+ .e-grid .e-mask.e-mask-checkbox-filter-intent {
2970
+ width: 13px;
2971
+ }
2972
+ .e-grid .e-mask.e-mask-checkbox-filter-span-intent {
2973
+ margin-left: 8px;
2974
+ }
2975
+ .e-grid .e-mask.e-mask-drag-intent {
2976
+ margin-left: 12px;
2977
+ width: 12px;
2978
+ }
2941
2979
  .e-grid.sf-grid .e-table {
2942
2980
  border-spacing: 0.25px;
2943
2981
  }
2982
+ .e-grid.sf-grid span.e-ungroupbutton.e-icons {
2983
+ margin-left: 0;
2984
+ }
2944
2985
  .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
2945
2986
  .e-grid.sf-grid .e-headercell.e-frozen-right-border,
2946
2987
  .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3518,7 +3559,7 @@
3518
3559
  }
3519
3560
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
3520
3561
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
3521
- -moz-appearance: none;
3562
+ -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
3522
3563
  height: 1px;
3523
3564
  opacity: 0;
3524
3565
  width: 1px;