@syncfusion/ej2-angular-grids 19.4.55 → 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 (77) hide show
  1. package/@syncfusion/ej2-angular-grids.es5.js.map +1 -1
  2. package/@syncfusion/ej2-angular-grids.js.map +1 -1
  3. package/CHANGELOG.md +30 -0
  4. package/dist/ej2-angular-grids.umd.js +1 -1
  5. package/dist/ej2-angular-grids.umd.min.js +1 -1
  6. package/package.json +8 -8
  7. package/schematics/utils/lib-details.d.ts +2 -2
  8. package/schematics/utils/lib-details.js +2 -2
  9. package/schematics/utils/lib-details.ts +2 -2
  10. package/styles/bootstrap-dark.css +342 -21
  11. package/styles/bootstrap.css +342 -21
  12. package/styles/bootstrap4.css +342 -21
  13. package/styles/bootstrap5-dark.css +563 -177
  14. package/styles/bootstrap5.css +563 -177
  15. package/styles/excel-filter/bootstrap-dark.css +9 -0
  16. package/styles/excel-filter/bootstrap.css +9 -0
  17. package/styles/excel-filter/bootstrap4.css +9 -0
  18. package/styles/excel-filter/bootstrap5-dark.css +16 -0
  19. package/styles/excel-filter/bootstrap5.css +16 -0
  20. package/styles/excel-filter/fabric-dark.css +9 -0
  21. package/styles/excel-filter/fabric.css +9 -0
  22. package/styles/excel-filter/fluent-dark.css +621 -0
  23. package/styles/excel-filter/fluent-dark.scss +1 -0
  24. package/styles/excel-filter/fluent.css +621 -0
  25. package/styles/excel-filter/fluent.scss +1 -0
  26. package/styles/excel-filter/highcontrast-light.css +10 -1
  27. package/styles/excel-filter/highcontrast.css +9 -0
  28. package/styles/excel-filter/material-dark.css +9 -0
  29. package/styles/excel-filter/material.css +9 -0
  30. package/styles/excel-filter/tailwind-dark.css +21 -68
  31. package/styles/excel-filter/tailwind.css +21 -68
  32. package/styles/fabric-dark.css +344 -23
  33. package/styles/fabric.css +344 -23
  34. package/styles/fluent-dark.css +6517 -0
  35. package/styles/fluent-dark.scss +3 -0
  36. package/styles/fluent.css +6517 -0
  37. package/styles/fluent.scss +3 -0
  38. package/styles/grid/bootstrap-dark.css +273 -18
  39. package/styles/grid/bootstrap.css +273 -18
  40. package/styles/grid/bootstrap4.css +273 -18
  41. package/styles/grid/bootstrap5-dark.css +399 -122
  42. package/styles/grid/bootstrap5.css +399 -122
  43. package/styles/grid/fabric-dark.css +273 -18
  44. package/styles/grid/fabric.css +273 -18
  45. package/styles/grid/fluent-dark.css +5173 -0
  46. package/styles/grid/fluent-dark.scss +1 -0
  47. package/styles/grid/fluent.css +5173 -0
  48. package/styles/grid/fluent.scss +1 -0
  49. package/styles/grid/highcontrast-light.css +273 -18
  50. package/styles/grid/highcontrast.css +273 -18
  51. package/styles/grid/material-dark.css +273 -18
  52. package/styles/grid/material.css +273 -18
  53. package/styles/grid/tailwind-dark.css +547 -225
  54. package/styles/grid/tailwind.css +548 -226
  55. package/styles/highcontrast-light.css +345 -24
  56. package/styles/highcontrast.css +344 -23
  57. package/styles/material-dark.css +342 -21
  58. package/styles/material.css +342 -21
  59. package/styles/pager/bootstrap-dark.css +60 -3
  60. package/styles/pager/bootstrap.css +60 -3
  61. package/styles/pager/bootstrap4.css +60 -3
  62. package/styles/pager/bootstrap5-dark.css +155 -55
  63. package/styles/pager/bootstrap5.css +155 -55
  64. package/styles/pager/fabric-dark.css +62 -5
  65. package/styles/pager/fabric.css +62 -5
  66. package/styles/pager/fluent-dark.css +854 -0
  67. package/styles/pager/fluent-dark.scss +1 -0
  68. package/styles/pager/fluent.css +854 -0
  69. package/styles/pager/fluent.scss +1 -0
  70. package/styles/pager/highcontrast-light.css +62 -5
  71. package/styles/pager/highcontrast.css +62 -5
  72. package/styles/pager/material-dark.css +60 -3
  73. package/styles/pager/material.css +60 -3
  74. package/styles/pager/tailwind-dark.css +270 -58
  75. package/styles/pager/tailwind.css +270 -58
  76. package/styles/tailwind-dark.css +837 -294
  77. package/styles/tailwind.css +838 -295
@@ -79,6 +79,26 @@
79
79
  height: 40px;
80
80
  margin: -35px 10px 0 18px;
81
81
  margin-top: -35px;
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: 13px 10px 12px 8px;
82
102
  }
83
103
 
84
104
  .e-bigger .e-pager .e-pagerconstant,
@@ -159,15 +179,25 @@
159
179
  padding: 12px 14px 13px;
160
180
  }
161
181
 
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: 11px 12px 10px 11px;
190
+ }
191
+
162
192
  .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
163
193
  .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
164
194
  padding: 12px 14px 13px;
165
195
  }
166
196
 
167
- .e-bigger .e-pager.e-rtl .e-spacing,
197
+ .e-bigger .e-pager.e-rtl,
168
198
  .e-bigger .e-pager.e-rtl .e-numericitem:hover,
169
199
  .e-bigger .e-pager.e-rtl .e-currentitem,
170
- .e-pager.e-bigger.e-rtl .e-spacing,
200
+ .e-pager.e-bigger.e-rtl,
171
201
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
172
202
  .e-pager.e-bigger.e-rtl .e-currentitem {
173
203
  margin: 0;
@@ -435,6 +465,12 @@
435
465
  padding: 10px 11px 10px;
436
466
  }
437
467
 
468
+ .e-pager .e-np.e-focused,
469
+ .e-pager .e-pp.e-focused {
470
+ line-height: 1;
471
+ padding: 10px 11px 10px;
472
+ }
473
+
438
474
  @media (max-width: 769px) {
439
475
  .e-pager {
440
476
  padding: 13px 0;
@@ -679,7 +715,7 @@
679
715
  opacity: 1;
680
716
  }
681
717
 
682
- .e-pager div.e-icons {
718
+ .e-pager div.e-icons.e-pager-default {
683
719
  color: #007bff;
684
720
  }
685
721
 
@@ -766,6 +802,27 @@
766
802
  opacity: 1;
767
803
  }
768
804
 
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: rgba(0, 0, 0, 0.08);
815
+ }
816
+
817
+ .e-pager .e-currentitem.e-numericitem.e-focused {
818
+ background: #007bff;
819
+ box-shadow: 0 0 0 1px #66afe9 inset;
820
+ }
821
+
822
+ .e-pager .e-focused {
823
+ box-shadow: 0 0 0 1px #66afe9 inset;
824
+ }
825
+
769
826
  @media (max-width: 590px) {
770
827
  .e-pager .e-pager-default:hover {
771
828
  background: #fff;
@@ -1217,6 +1274,11 @@
1217
1274
  margin-right: 0;
1218
1275
  }
1219
1276
 
1277
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
1278
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1279
+ margin-left: 0;
1280
+ }
1281
+
1220
1282
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1221
1283
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1222
1284
  padding-left: 7px;
@@ -1351,6 +1413,10 @@
1351
1413
  margin-right: 0;
1352
1414
  }
1353
1415
 
1416
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1417
+ margin-left: 0;
1418
+ }
1419
+
1354
1420
  .e-excelfilter .e-footer-content {
1355
1421
  border-style: solid;
1356
1422
  border-width: 1px 0 0;
@@ -1982,6 +2048,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1982
2048
  margin: -32px -2px;
1983
2049
  }
1984
2050
 
2051
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
2052
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2053
+ float: left;
2054
+ margin: 2px 0 0 19px;
2055
+ }
2056
+
1985
2057
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1986
2058
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1987
2059
  float: left;
@@ -2001,6 +2073,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2001
2073
  width: 15px;
2002
2074
  }
2003
2075
 
2076
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
2077
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
2078
+ margin: 3px 19px 0 2px;
2079
+ }
2080
+
2004
2081
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
2005
2082
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
2006
2083
  margin: -32px -20px 0 2px;
@@ -2045,6 +2122,18 @@ li.e-separator.e-menu-item.e-excel-separator {
2045
2122
  margin: 6px 0 0 6px;
2046
2123
  }
2047
2124
 
2125
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2126
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2127
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2128
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2129
+ margin: 6px 0 0 6px;
2130
+ }
2131
+
2132
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2133
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2134
+ margin: 6px 0 0 6px;
2135
+ }
2136
+
2048
2137
  .e-bigger .e-grid .e-rowcell,
2049
2138
  .e-bigger .e-grid .e-summarycell,
2050
2139
  .e-bigger .e-grid .e-emptyrow td,
@@ -2320,6 +2409,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2320
2409
  margin-right: -15px;
2321
2410
  margin-top: 6px;
2322
2411
  padding-top: 0;
2412
+ padding-left: 12px;
2323
2413
  }
2324
2414
 
2325
2415
  .e-bigger .e-grid .e-groupcaption,
@@ -2358,6 +2448,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2358
2448
  margin-top: 0;
2359
2449
  }
2360
2450
 
2451
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2452
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2453
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2454
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2455
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2456
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2457
+ border-right: 2px solid rgba(108, 117, 125, 0.6);
2458
+ }
2459
+
2460
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2461
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2462
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2463
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2464
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2465
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2466
+ border-left: 2px solid rgba(108, 117, 125, 0.6);
2467
+ }
2468
+
2469
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2470
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2471
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2472
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2473
+ position: relative;
2474
+ }
2475
+
2476
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2477
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2478
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2479
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2480
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2481
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2482
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2483
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2484
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2485
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2486
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2487
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2488
+ cursor: move;
2489
+ height: 100%;
2490
+ position: absolute;
2491
+ top: 0;
2492
+ width: 4px;
2493
+ }
2494
+
2495
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2496
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2497
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2498
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2499
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2500
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2501
+ right: 0;
2502
+ }
2503
+
2504
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2505
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2506
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2507
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2508
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2509
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2510
+ left: 0;
2511
+ }
2512
+
2513
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2514
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2515
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2516
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2517
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2518
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2519
+ right: 3px;
2520
+ }
2521
+
2522
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2523
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2524
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2525
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2526
+ left: 3px;
2527
+ }
2528
+
2529
+ .e-bigger .e-grid .e-frozen-helper,
2530
+ .e-grid.e-bigger .e-frozen-helper {
2531
+ border-left: 2px solid rgba(108, 117, 125, 0.6);
2532
+ cursor: move;
2533
+ position: absolute;
2534
+ z-index: 2;
2535
+ }
2536
+
2537
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2538
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2539
+ -webkit-user-select: none;
2540
+ -ms-user-select: none;
2541
+ user-select: none;
2542
+ }
2543
+
2361
2544
  .e-grid {
2362
2545
  border-radius: 4px;
2363
2546
  border-style: none solid solid;
@@ -2422,6 +2605,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2422
2605
  z-index: 5;
2423
2606
  }
2424
2607
 
2608
+ .e-grid.e-rtl .e-dropitemscount {
2609
+ left: -6px !important;
2610
+ }
2611
+
2425
2612
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2426
2613
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2427
2614
  border-top: 1px solid #dee2e6;
@@ -2572,6 +2759,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2572
2759
  padding-left: 0;
2573
2760
  }
2574
2761
 
2762
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2763
+ padding-left: 26px;
2764
+ }
2765
+
2575
2766
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2576
2767
  padding-bottom: 3px;
2577
2768
  padding-top: 3px;
@@ -2579,7 +2770,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2579
2770
 
2580
2771
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2581
2772
  margin-bottom: 0;
2582
- opacity: .6;
2773
+ opacity: 0.6;
2583
2774
  width: 230px;
2584
2775
  }
2585
2776
 
@@ -2682,10 +2873,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2682
2873
  padding: 0 6px 6px;
2683
2874
  }
2684
2875
 
2685
- .e-grid .e-groupdroparea.e-grouped {
2686
- padding: 0 6px 6px;
2687
- }
2688
-
2689
2876
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2690
2877
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2691
2878
  border-top: 0;
@@ -2751,9 +2938,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2751
2938
  width: 4px;
2752
2939
  }
2753
2940
 
2754
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2755
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2756
- right: 0;
2941
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2942
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2943
+ border-right: 0;
2757
2944
  }
2758
2945
 
2759
2946
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3192,9 +3379,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3192
3379
  }
3193
3380
 
3194
3381
  .e-grid.e-default tr td:first-child,
3195
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3382
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3196
3383
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3197
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3384
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3198
3385
  border-left-width: 0;
3199
3386
  }
3200
3387
 
@@ -3244,7 +3431,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3244
3431
  }
3245
3432
 
3246
3433
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3247
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3434
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3435
+ padding: 0 20px 0 5px;
3436
+ }
3437
+
3248
3438
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3249
3439
  padding: 0 20px 0 5px;
3250
3440
  }
@@ -3309,6 +3499,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3309
3499
  width: 15px;
3310
3500
  }
3311
3501
 
3502
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3503
+ margin: 2px 8px 0 8px;
3504
+ }
3505
+
3506
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3507
+ float: left;
3508
+ margin: 2px 8px 0 8px;
3509
+ }
3510
+
3312
3511
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3313
3512
  float: left;
3314
3513
  margin: 2px 8px 0 8px;
@@ -3534,6 +3733,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3534
3733
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3535
3734
  height: 20px;
3536
3735
  line-height: 20px;
3736
+ position: relative;
3737
+ top: 0;
3537
3738
  }
3538
3739
 
3539
3740
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3732,6 +3933,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3732
3933
  z-index: 10;
3733
3934
  }
3734
3935
 
3936
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3937
+ margin-top: 0;
3938
+ }
3939
+
3940
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3941
+ margin-top: 0;
3942
+ }
3943
+
3735
3944
  .e-grid td.e-active {
3736
3945
  font-weight: normal;
3737
3946
  }
@@ -3878,6 +4087,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3878
4087
  .e-grid span.e-ungroupbutton.e-icons {
3879
4088
  margin-left: -8px;
3880
4089
  margin-top: 1px;
4090
+ padding-right: 8px;
3881
4091
  }
3882
4092
 
3883
4093
  .e-grid .e-grptogglebtn {
@@ -4204,7 +4414,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4204
4414
  }
4205
4415
 
4206
4416
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4207
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4417
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4418
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4419
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4420
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4208
4421
  border-left: 2px solid;
4209
4422
  border-right: 0;
4210
4423
  }
@@ -4343,6 +4556,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4343
4556
  text-align: right;
4344
4557
  }
4345
4558
 
4559
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4560
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4561
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4562
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4563
+ padding: 0 0.4em 0 1.8em;
4564
+ text-align: right;
4565
+ }
4566
+
4567
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4568
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4569
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4570
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4571
+ float: left;
4572
+ margin: 1px 0 0 12px;
4573
+ }
4574
+
4346
4575
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4347
4576
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4348
4577
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4402,6 +4631,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4402
4631
  margin: 0 2px 0 0;
4403
4632
  }
4404
4633
 
4634
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4635
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4636
+ float: left;
4637
+ margin: 1px 0 0 20px;
4638
+ }
4639
+
4405
4640
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4406
4641
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4407
4642
  float: left;
@@ -4863,6 +5098,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4863
5098
  border-right: 0;
4864
5099
  }
4865
5100
 
5101
+ .e-grid.sf-grid .e-table {
5102
+ border-spacing: .25px;
5103
+ }
5104
+
5105
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5106
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5107
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5108
+ border-right: 2px solid rgba(108, 117, 125, 0.6);
5109
+ }
5110
+
5111
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5112
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5113
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5114
+ border-left: 2px solid rgba(108, 117, 125, 0.6);
5115
+ }
5116
+
5117
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5118
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5119
+ position: relative;
5120
+ }
5121
+
5122
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5123
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5124
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5125
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5126
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5127
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5128
+ cursor: move;
5129
+ height: 100%;
5130
+ position: absolute;
5131
+ top: 0;
5132
+ width: 4px;
5133
+ }
5134
+
5135
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5136
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5137
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5138
+ right: 0;
5139
+ }
5140
+
5141
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5142
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5143
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5144
+ left: 0;
5145
+ }
5146
+
5147
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5148
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5149
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5150
+ right: 3px;
5151
+ }
5152
+
5153
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5154
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5155
+ left: 3px;
5156
+ }
5157
+
5158
+ .e-grid.sf-grid .e-frozen-helper {
5159
+ border-left: 2px solid rgba(108, 117, 125, 0.6);
5160
+ cursor: move;
5161
+ position: absolute;
5162
+ z-index: 2;
5163
+ }
5164
+
5165
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5166
+ -webkit-user-select: none;
5167
+ -ms-user-select: none;
5168
+ user-select: none;
5169
+ }
5170
+
4866
5171
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4867
5172
  background-color: rgba(0, 0, 0, 0.1);
4868
5173
  display: inline-block;
@@ -4939,7 +5244,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4939
5244
  }
4940
5245
 
4941
5246
  .e-grid-min-height .e-rowcell {
4942
- line-height: normal;
5247
+ line-height: 0;
4943
5248
  padding-bottom: 0;
4944
5249
  padding-top: 0;
4945
5250
  }
@@ -5018,7 +5323,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5018
5323
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
5019
5324
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
5020
5325
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
5021
- line-height: normal;
5326
+ line-height: 0;
5022
5327
  padding-bottom: 0;
5023
5328
  padding-top: 0;
5024
5329
  }
@@ -5395,6 +5700,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5395
5700
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5396
5701
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5397
5702
  float: right;
5703
+ margin-top: -9px;
5398
5704
  }
5399
5705
 
5400
5706
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5792,11 +6098,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5792
6098
  border-right-color: #6c757d;
5793
6099
  }
5794
6100
 
6101
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6102
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6103
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6104
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6105
+ border-right-color: #fff;
6106
+ }
6107
+
5795
6108
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5796
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6109
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6110
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6111
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6112
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5797
6113
  border-left-color: #6c757d;
5798
6114
  }
5799
6115
 
6116
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6117
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6118
+ border-left-color: #fff;
6119
+ }
6120
+
5800
6121
  .e-grid.e-rtl .e-frozenheader > .e-table,
5801
6122
  .e-grid.e-rtl .e-frozencontent > .e-table,
5802
6123
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5809,11 +6130,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5809
6130
  border-right-color: #6c757d;
5810
6131
  }
5811
6132
 
5812
- .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),
5813
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6133
+ .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),
6134
+ .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),
5814
6135
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5815
6136
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5816
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6137
+ .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) {
5817
6138
  background-color: rgba(0, 0, 0, 0.08);
5818
6139
  color: #212529;
5819
6140
  }