@syncfusion/ej2-vue-grids 20.1.47 → 20.1.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 (72) hide show
  1. package/CHANGELOG.md +2 -6
  2. package/dist/ej2-vue-grids.umd.min.js +2 -2
  3. package/dist/global/ej2-vue-grids.min.js +2 -2
  4. package/package.json +14 -8
  5. package/styles/bootstrap-dark.css +15 -159
  6. package/styles/bootstrap.css +15 -159
  7. package/styles/bootstrap4.css +15 -159
  8. package/styles/bootstrap5-dark.css +171 -380
  9. package/styles/bootstrap5.css +171 -380
  10. package/styles/excel-filter/bootstrap-dark.css +0 -9
  11. package/styles/excel-filter/bootstrap.css +0 -9
  12. package/styles/excel-filter/bootstrap4.css +0 -9
  13. package/styles/excel-filter/bootstrap5-dark.css +0 -16
  14. package/styles/excel-filter/bootstrap5.css +0 -16
  15. package/styles/excel-filter/fabric-dark.css +0 -9
  16. package/styles/excel-filter/fabric.css +0 -9
  17. package/styles/excel-filter/highcontrast-light.css +1 -10
  18. package/styles/excel-filter/highcontrast.css +0 -9
  19. package/styles/excel-filter/material-dark.css +0 -9
  20. package/styles/excel-filter/material.css +0 -9
  21. package/styles/excel-filter/tailwind-dark.css +68 -21
  22. package/styles/excel-filter/tailwind.css +68 -21
  23. package/styles/fabric-dark.css +17 -161
  24. package/styles/fabric.css +17 -161
  25. package/styles/grid/bootstrap-dark.css +12 -90
  26. package/styles/grid/bootstrap.css +12 -90
  27. package/styles/grid/bootstrap4.css +12 -90
  28. package/styles/grid/bootstrap5-dark.css +116 -216
  29. package/styles/grid/bootstrap5.css +116 -216
  30. package/styles/grid/fabric-dark.css +12 -90
  31. package/styles/grid/fabric.css +12 -90
  32. package/styles/grid/highcontrast-light.css +12 -90
  33. package/styles/grid/highcontrast.css +12 -90
  34. package/styles/grid/material-dark.css +12 -90
  35. package/styles/grid/material.css +12 -90
  36. package/styles/grid/tailwind-dark.css +219 -364
  37. package/styles/grid/tailwind.css +220 -365
  38. package/styles/highcontrast-light.css +18 -162
  39. package/styles/highcontrast.css +17 -161
  40. package/styles/material-dark.css +15 -159
  41. package/styles/material.css +15 -159
  42. package/styles/pager/bootstrap-dark.css +3 -60
  43. package/styles/pager/bootstrap.css +3 -60
  44. package/styles/pager/bootstrap4.css +3 -60
  45. package/styles/pager/bootstrap5-dark.css +55 -155
  46. package/styles/pager/bootstrap5.css +55 -155
  47. package/styles/pager/fabric-dark.css +5 -62
  48. package/styles/pager/fabric.css +5 -62
  49. package/styles/pager/highcontrast-light.css +5 -62
  50. package/styles/pager/highcontrast.css +5 -62
  51. package/styles/pager/material-dark.css +3 -60
  52. package/styles/pager/material.css +3 -60
  53. package/styles/pager/tailwind-dark.css +58 -270
  54. package/styles/pager/tailwind.css +58 -270
  55. package/styles/tailwind-dark.css +288 -654
  56. package/styles/tailwind.css +289 -655
  57. package/styles/excel-filter/fluent-dark.css +0 -621
  58. package/styles/excel-filter/fluent-dark.scss +0 -1
  59. package/styles/excel-filter/fluent.css +0 -621
  60. package/styles/excel-filter/fluent.scss +0 -1
  61. package/styles/fluent-dark.css +0 -6340
  62. package/styles/fluent-dark.scss +0 -3
  63. package/styles/fluent.css +0 -6340
  64. package/styles/fluent.scss +0 -3
  65. package/styles/grid/fluent-dark.css +0 -4996
  66. package/styles/grid/fluent-dark.scss +0 -1
  67. package/styles/grid/fluent.css +0 -4996
  68. package/styles/grid/fluent.scss +0 -1
  69. package/styles/pager/fluent-dark.css +0 -854
  70. package/styles/pager/fluent-dark.scss +0 -1
  71. package/styles/pager/fluent.css +0 -854
  72. package/styles/pager/fluent.scss +0 -1
package/styles/fabric.css CHANGED
@@ -79,26 +79,6 @@
79
79
  height: 40px;
80
80
  margin: -44px 0 0 15px;
81
81
  margin-top: -20px;
82
- width: 90px;
83
- }
84
-
85
- .e-bigger .e-pager .e-pagercontainer .e-firstpage,
86
- .e-bigger .e-pager .e-pagercontainer .e-prevpage,
87
- .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
88
- .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
89
- .e-bigger .e-pager .e-pagercontainer .e-nextpage,
90
- .e-bigger .e-pager .e-pagercontainer .e-lastpage,
91
- .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
92
- .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
93
- .e-pager.e-bigger .e-pagercontainer .e-firstpage,
94
- .e-pager.e-bigger .e-pagercontainer .e-prevpage,
95
- .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
96
- .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
97
- .e-pager.e-bigger .e-pagercontainer .e-nextpage,
98
- .e-pager.e-bigger .e-pagercontainer .e-lastpage,
99
- .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
100
- .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
101
- padding: 12px 10px 8px;
102
82
  }
103
83
 
104
84
  .e-bigger .e-pager .e-pagerconstant,
@@ -179,25 +159,15 @@
179
159
  padding: 8px 11px;
180
160
  }
181
161
 
182
- .e-bigger .e-pager.e-rtl .e-spacing,
183
- .e-bigger .e-pager.e-rtl .e-numericitem:hover,
184
- .e-bigger .e-pager.e-rtl .e-currentitem,
185
- .e-pager.e-bigger.e-rtl .e-spacing,
186
- .e-pager.e-bigger.e-rtl .e-numericitem:hover,
187
- .e-pager.e-bigger.e-rtl .e-currentitem {
188
- margin: 0;
189
- padding: 9px 3px 8px 2px;
190
- }
191
-
192
162
  .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
193
163
  .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
194
164
  padding: 8px 11px;
195
165
  }
196
166
 
197
- .e-bigger .e-pager.e-rtl,
167
+ .e-bigger .e-pager.e-rtl .e-spacing,
198
168
  .e-bigger .e-pager.e-rtl .e-numericitem:hover,
199
169
  .e-bigger .e-pager.e-rtl .e-currentitem,
200
- .e-pager.e-bigger.e-rtl,
170
+ .e-pager.e-bigger.e-rtl .e-spacing,
201
171
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
202
172
  .e-pager.e-bigger.e-rtl .e-currentitem {
203
173
  margin: 0;
@@ -378,7 +348,7 @@
378
348
  margin-right: 0;
379
349
  margin-top: 0;
380
350
  min-width: 26px;
381
- padding: 9px 10px;
351
+ padding: 12px 10px 8px;
382
352
  }
383
353
 
384
354
  .e-pager .e-pagercontainer .e-lastpage,
@@ -462,13 +432,7 @@
462
432
  font-size: 20px;
463
433
  font-weight: normal;
464
434
  letter-spacing: 0;
465
- padding: 3px 6px 7px;
466
- }
467
-
468
- .e-pager .e-np.e-focused,
469
- .e-pager .e-pp.e-focused {
470
- line-height: 1;
471
- padding: 3px 6px 7px;
435
+ padding: 0 6px 10px;
472
436
  }
473
437
 
474
438
  @media (max-width: 769px) {
@@ -715,7 +679,7 @@
715
679
  opacity: 1;
716
680
  }
717
681
 
718
- .e-pager div.e-icons.e-pager-default {
682
+ .e-pager div.e-icons {
719
683
  color: #333;
720
684
  }
721
685
 
@@ -802,27 +766,6 @@
802
766
  opacity: 1;
803
767
  }
804
768
 
805
- .e-pager .e-numericitem.e-focused,
806
- .e-pager .e-first.e-focused,
807
- .e-pager .e-prev.e-focused,
808
- .e-pager .e-next.e-focused,
809
- .e-pager .e-last.e-focused,
810
- .e-pager .e-mfirst.e-focused,
811
- .e-pager .e-mprev.e-focused,
812
- .e-pager .e-mnext.e-focused,
813
- .e-pager .e-mlast.e-focused {
814
- background-color: #f4f4f4;
815
- }
816
-
817
- .e-pager .e-currentitem.e-numericitem.e-focused {
818
- background: #b7e0ff;
819
- box-shadow: 0 0 0 1px #666 inset;
820
- }
821
-
822
- .e-pager .e-focused {
823
- box-shadow: 0 0 0 1px #666 inset;
824
- }
825
-
826
769
  @media (max-width: 590px) {
827
770
  .e-pager .e-pager-default:hover {
828
771
  background: #fff;
@@ -1200,11 +1143,6 @@
1200
1143
  margin-right: 0;
1201
1144
  }
1202
1145
 
1203
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
1204
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1205
- margin-left: 0;
1206
- }
1207
-
1208
1146
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1209
1147
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1210
1148
  padding-left: 19.25px;
@@ -1339,10 +1277,6 @@
1339
1277
  margin-right: 0;
1340
1278
  }
1341
1279
 
1342
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1343
- margin-left: 0;
1344
- }
1345
-
1346
1280
  .e-excelfilter .e-footer-content {
1347
1281
  border-style: solid;
1348
1282
  border-width: 0;
@@ -1966,12 +1900,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1966
1900
  margin: -23px -4px;
1967
1901
  }
1968
1902
 
1969
- .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
1970
- .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1971
- float: left;
1972
- margin: 9px 0 0;
1973
- }
1974
-
1975
1903
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1976
1904
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1977
1905
  float: left;
@@ -1991,11 +1919,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1991
1919
  width: 15px;
1992
1920
  }
1993
1921
 
1994
- .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
1995
- .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
1996
- margin: 9px 2px 0;
1997
- }
1998
-
1999
1922
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
2000
1923
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2001
1924
  margin: -23px 11px 0 0;
@@ -2040,18 +1963,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2040
1963
  margin: 9px 0 0 3px;
2041
1964
  }
2042
1965
 
2043
- .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2044
- .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2045
- .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2046
- .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2047
- margin: 9px 0 0 3px;
2048
- }
2049
-
2050
- .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2051
- .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2052
- margin: 9px 0 0 3px;
2053
- }
2054
-
2055
1966
  .e-bigger .e-grid .e-rowcell,
2056
1967
  .e-bigger .e-grid .e-summarycell,
2057
1968
  .e-bigger .e-grid .e-emptyrow td,
@@ -2327,7 +2238,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2327
2238
  margin-right: 8px;
2328
2239
  margin-top: 0;
2329
2240
  padding-top: 0;
2330
- padding-left: 0;
2331
2241
  }
2332
2242
 
2333
2243
  .e-bigger .e-grid .e-groupcaption,
@@ -2430,10 +2340,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2430
2340
  z-index: 5;
2431
2341
  }
2432
2342
 
2433
- .e-grid.e-rtl .e-dropitemscount {
2434
- left: -6px !important;
2435
- }
2436
-
2437
2343
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2438
2344
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2439
2345
  border-top: 1px solid #eaeaea;
@@ -2584,10 +2490,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2584
2490
  padding-left: 0;
2585
2491
  }
2586
2492
 
2587
- .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2588
- padding-left: 26px;
2589
- }
2590
-
2591
2493
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2592
2494
  padding-bottom: 4px;
2593
2495
  padding-top: 4px;
@@ -2595,7 +2497,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2595
2497
 
2596
2498
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2597
2499
  margin-bottom: 0;
2598
- opacity: 0.6;
2500
+ opacity: .6;
2599
2501
  width: 230px;
2600
2502
  }
2601
2503
 
@@ -2698,6 +2600,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2698
2600
  padding: 8px 8px 5px;
2699
2601
  }
2700
2602
 
2603
+ .e-grid .e-groupdroparea.e-grouped {
2604
+ padding: 8px 8px 5px;
2605
+ }
2606
+
2701
2607
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2702
2608
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2703
2609
  border-top: 0;
@@ -2765,7 +2671,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2765
2671
 
2766
2672
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2767
2673
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2768
- border-right: 0;
2674
+ right: 0;
2769
2675
  }
2770
2676
 
2771
2677
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3256,10 +3162,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3256
3162
  }
3257
3163
 
3258
3164
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3259
- .e-grid .e-gridheader .e-stackedheadercelldiv {
3260
- padding: 0 25px 0 0;
3261
- }
3262
-
3165
+ .e-grid .e-gridheader .e-stackedheadercelldiv,
3263
3166
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3264
3167
  padding: 0 25px 0 0;
3265
3168
  }
@@ -3324,15 +3227,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3324
3227
  width: 15px;
3325
3228
  }
3326
3229
 
3327
- .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3328
- margin: 9px 2px 0;
3329
- }
3330
-
3331
- .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3332
- float: left;
3333
- margin: 9px 0 0;
3334
- }
3335
-
3336
3230
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3337
3231
  float: left;
3338
3232
  margin: 9px 0 0;
@@ -3558,8 +3452,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3558
3452
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3559
3453
  height: 20px;
3560
3454
  line-height: 21px;
3561
- position: relative;
3562
- top: 0;
3563
3455
  }
3564
3456
 
3565
3457
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3758,14 +3650,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3758
3650
  z-index: 10;
3759
3651
  }
3760
3652
 
3761
- .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3762
- margin-top: 0;
3763
- }
3764
-
3765
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3766
- margin-top: 0;
3767
- }
3768
-
3769
3653
  .e-grid td.e-active {
3770
3654
  font-weight: normal;
3771
3655
  }
@@ -3912,7 +3796,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3912
3796
  .e-grid span.e-ungroupbutton.e-icons {
3913
3797
  margin-left: 0;
3914
3798
  margin-top: 0;
3915
- padding-right: 0;
3916
3799
  }
3917
3800
 
3918
3801
  .e-grid .e-grptogglebtn {
@@ -4378,22 +4261,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4378
4261
  text-align: right;
4379
4262
  }
4380
4263
 
4381
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4382
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4383
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4384
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4385
- padding: 0 0 0 25px;
4386
- text-align: right;
4387
- }
4388
-
4389
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4390
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4391
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4392
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4393
- float: left;
4394
- margin: 7px 0 0 3px;
4395
- }
4396
-
4397
4264
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4398
4265
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4399
4266
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4453,12 +4320,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4453
4320
  margin: 0 2px 0 0;
4454
4321
  }
4455
4322
 
4456
- .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4457
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4458
- float: left;
4459
- margin: 7px 0 0 30px;
4460
- }
4461
-
4462
4323
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4463
4324
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4464
4325
  float: left;
@@ -4920,10 +4781,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4920
4781
  border-right: 0;
4921
4782
  }
4922
4783
 
4923
- .e-grid.sf-grid .e-table {
4924
- border-spacing: .25px;
4925
- }
4926
-
4927
4784
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4928
4785
  background-color: rgba(0, 0, 0, 0.1);
4929
4786
  display: inline-block;
@@ -5000,7 +4857,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5000
4857
  }
5001
4858
 
5002
4859
  .e-grid-min-height .e-rowcell {
5003
- line-height: 0;
4860
+ line-height: normal;
5004
4861
  padding-bottom: 0;
5005
4862
  padding-top: 0;
5006
4863
  }
@@ -5079,7 +4936,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5079
4936
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
5080
4937
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
5081
4938
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
5082
- line-height: 0;
4939
+ line-height: normal;
5083
4940
  padding-bottom: 0;
5084
4941
  padding-top: 0;
5085
4942
  }
@@ -5456,7 +5313,6 @@ li.e-separator.e-menu-item.e-excel-separator {
5456
5313
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5457
5314
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5458
5315
  float: right;
5459
- margin-top: -9px;
5460
5316
  }
5461
5317
 
5462
5318
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5871,11 +5727,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5871
5727
  border-right-color: #0078d6;
5872
5728
  }
5873
5729
 
5874
- .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5875
- .e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5730
+ .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5731
+ .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5876
5732
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5877
5733
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5878
- .e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5734
+ .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5879
5735
  background-color: #f4f4f4;
5880
5736
  color: #333;
5881
5737
  }
@@ -661,12 +661,6 @@
661
661
  margin: -29px -5px;
662
662
  }
663
663
 
664
- .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
665
- .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
666
- float: left;
667
- margin: 8px 0 0 20px;
668
- }
669
-
670
664
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
671
665
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
672
666
  float: left;
@@ -686,11 +680,6 @@
686
680
  width: 15px;
687
681
  }
688
682
 
689
- .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
690
- .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
691
- margin: 8px 8px 0 2px;
692
- }
693
-
694
683
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
695
684
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
696
685
  margin: -30px -20px 0 0;
@@ -735,18 +724,6 @@
735
724
  margin: 6px 0 0 5px;
736
725
  }
737
726
 
738
- .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
739
- .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
740
- .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
741
- .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
742
- margin: 6px 0 0 5px;
743
- }
744
-
745
- .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
746
- .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
747
- margin: 6px 0 0 5px;
748
- }
749
-
750
727
  .e-bigger .e-grid .e-rowcell,
751
728
  .e-bigger .e-grid .e-summarycell,
752
729
  .e-bigger .e-grid .e-emptyrow td,
@@ -1022,7 +999,6 @@
1022
999
  margin-right: -10px;
1023
1000
  margin-top: -4px;
1024
1001
  padding-top: 0;
1025
- padding-left: 8px;
1026
1002
  }
1027
1003
 
1028
1004
  .e-bigger .e-grid .e-groupcaption,
@@ -1125,10 +1101,6 @@
1125
1101
  z-index: 5;
1126
1102
  }
1127
1103
 
1128
- .e-grid.e-rtl .e-dropitemscount {
1129
- left: -6px !important;
1130
- }
1131
-
1132
1104
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
1133
1105
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
1134
1106
  border-top: 1px solid #484848;
@@ -1279,10 +1251,6 @@
1279
1251
  padding-left: 0;
1280
1252
  }
1281
1253
 
1282
- .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
1283
- padding-left: 26px;
1284
- }
1285
-
1286
1254
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
1287
1255
  padding-bottom: 3px;
1288
1256
  padding-top: 3px;
@@ -1290,7 +1258,7 @@
1290
1258
 
1291
1259
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
1292
1260
  margin-bottom: 0;
1293
- opacity: 0.6;
1261
+ opacity: .6;
1294
1262
  width: 230px;
1295
1263
  }
1296
1264
 
@@ -1393,6 +1361,10 @@
1393
1361
  padding: 0 0 6px;
1394
1362
  }
1395
1363
 
1364
+ .e-grid .e-groupdroparea.e-grouped {
1365
+ padding: 0 0 6px;
1366
+ }
1367
+
1396
1368
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
1397
1369
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
1398
1370
  border-top: 0;
@@ -1460,7 +1432,7 @@
1460
1432
 
1461
1433
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
1462
1434
  .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
1463
- border-right: 0;
1435
+ right: 0;
1464
1436
  }
1465
1437
 
1466
1438
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -1951,10 +1923,7 @@
1951
1923
  }
1952
1924
 
1953
1925
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
1954
- .e-grid .e-gridheader .e-stackedheadercelldiv {
1955
- padding: 0 1.8em 0 0.4em;
1956
- }
1957
-
1926
+ .e-grid .e-gridheader .e-stackedheadercelldiv,
1958
1927
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
1959
1928
  padding: 0 1.8em 0 0.4em;
1960
1929
  }
@@ -2019,15 +1988,6 @@
2019
1988
  width: 15px;
2020
1989
  }
2021
1990
 
2022
- .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
2023
- margin: 8px 8px 0 2px;
2024
- }
2025
-
2026
- .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2027
- float: left;
2028
- margin: 8px 0 0 20px;
2029
- }
2030
-
2031
1991
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2032
1992
  float: left;
2033
1993
  margin: 8px 0 0 20px;
@@ -2253,8 +2213,6 @@
2253
2213
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
2254
2214
  height: 20px;
2255
2215
  line-height: 20px;
2256
- position: relative;
2257
- top: 0;
2258
2216
  }
2259
2217
 
2260
2218
  .e-grid .e-dialog.e-checkboxfilter,
@@ -2453,14 +2411,6 @@
2453
2411
  z-index: 10;
2454
2412
  }
2455
2413
 
2456
- .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
2457
- margin-top: -1.5px;
2458
- }
2459
-
2460
- .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
2461
- margin-top: -1.5px;
2462
- }
2463
-
2464
2414
  .e-grid td.e-active {
2465
2415
  font-weight: normal;
2466
2416
  }
@@ -2607,7 +2557,6 @@
2607
2557
  .e-grid span.e-ungroupbutton.e-icons {
2608
2558
  margin-left: -8px;
2609
2559
  margin-top: 2px;
2610
- padding-right: 8px;
2611
2560
  }
2612
2561
 
2613
2562
  .e-grid .e-grptogglebtn {
@@ -3073,22 +3022,6 @@
3073
3022
  text-align: right;
3074
3023
  }
3075
3024
 
3076
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
3077
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
3078
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
3079
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
3080
- padding: 0 0.4em 0 1.8em;
3081
- text-align: right;
3082
- }
3083
-
3084
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
3085
- .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
3086
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
3087
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
3088
- float: left;
3089
- margin: 9px 0 0 9px;
3090
- }
3091
-
3092
3025
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
3093
3026
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
3094
3027
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3148,12 +3081,6 @@
3148
3081
  margin: 0 2px 0 0;
3149
3082
  }
3150
3083
 
3151
- .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
3152
- .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
3153
- float: left;
3154
- margin: 9px 0 0 25px;
3155
- }
3156
-
3157
3084
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
3158
3085
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
3159
3086
  float: left;
@@ -3615,10 +3542,6 @@
3615
3542
  border-right: 0;
3616
3543
  }
3617
3544
 
3618
- .e-grid.sf-grid .e-table {
3619
- border-spacing: .25px;
3620
- }
3621
-
3622
3545
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3623
3546
  background-color: rgba(0, 0, 0, 0.1);
3624
3547
  display: inline-block;
@@ -3695,7 +3618,7 @@
3695
3618
  }
3696
3619
 
3697
3620
  .e-grid-min-height .e-rowcell {
3698
- line-height: 0;
3621
+ line-height: normal;
3699
3622
  padding-bottom: 0;
3700
3623
  padding-top: 0;
3701
3624
  }
@@ -3774,7 +3697,7 @@
3774
3697
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
3775
3698
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
3776
3699
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
3777
- line-height: 0;
3700
+ line-height: normal;
3778
3701
  padding-bottom: 0;
3779
3702
  padding-top: 0;
3780
3703
  }
@@ -4151,7 +4074,6 @@
4151
4074
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
4152
4075
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
4153
4076
  float: right;
4154
- margin-top: -9px;
4155
4077
  }
4156
4078
 
4157
4079
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -4566,11 +4488,11 @@
4566
4488
  border-right-color: #9c9c9c;
4567
4489
  }
4568
4490
 
4569
- .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
4570
- .e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
4491
+ .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
4492
+ .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
4571
4493
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
4572
4494
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
4573
- .e-grid.e-gridhover tr[role='row']:not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4495
+ .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
4574
4496
  background-color: #393939;
4575
4497
  color: #f0f0f0;
4576
4498
  }