@syncfusion/ej2-angular-grids 19.4.56 → 20.1.51

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 +36 -2
  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 0 0 20px;
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: 11px 10px 12px 8px;
82
102
  }
83
103
 
84
104
  .e-bigger .e-pager .e-pagerconstant,
@@ -159,15 +179,25 @@
159
179
  padding: 15px 14px 12px 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: 15px 14px 12px 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: 8px 11px 9px;
436
466
  }
437
467
 
468
+ .e-pager .e-np.e-focused,
469
+ .e-pager .e-pp.e-focused {
470
+ line-height: 1;
471
+ padding: 8px 11px 9px;
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: #f0f0f0;
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: #393939;
815
+ }
816
+
817
+ .e-pager .e-currentitem.e-numericitem.e-focused {
818
+ background: #0070f0;
819
+ box-shadow: 0 0 0 1px #248aff inset;
820
+ }
821
+
822
+ .e-pager .e-focused {
823
+ box-shadow: 0 0 0 1px #248aff inset;
824
+ }
825
+
769
826
  @media (max-width: 590px) {
770
827
  .e-pager .e-pager-default:hover {
771
828
  background: #1a1a1a;
@@ -1176,6 +1233,11 @@
1176
1233
  margin-right: 0;
1177
1234
  }
1178
1235
 
1236
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
1237
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1238
+ margin-left: 0;
1239
+ }
1240
+
1179
1241
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1180
1242
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1181
1243
  padding-left: 9.75px;
@@ -1310,6 +1372,10 @@
1310
1372
  margin-right: 0;
1311
1373
  }
1312
1374
 
1375
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1376
+ margin-left: 0;
1377
+ }
1378
+
1313
1379
  .e-excelfilter .e-footer-content {
1314
1380
  border-style: solid;
1315
1381
  border-width: 2px 0 0;
@@ -1933,6 +1999,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1933
1999
  margin: -29px -5px;
1934
2000
  }
1935
2001
 
2002
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
2003
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2004
+ float: left;
2005
+ margin: 8px 0 0 20px;
2006
+ }
2007
+
1936
2008
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1937
2009
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1938
2010
  float: left;
@@ -1952,6 +2024,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1952
2024
  width: 15px;
1953
2025
  }
1954
2026
 
2027
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
2028
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
2029
+ margin: 8px 8px 0 2px;
2030
+ }
2031
+
1955
2032
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1956
2033
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1957
2034
  margin: -30px -20px 0 0;
@@ -1996,6 +2073,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1996
2073
  margin: 6px 0 0 5px;
1997
2074
  }
1998
2075
 
2076
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2077
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2078
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2079
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2080
+ margin: 6px 0 0 5px;
2081
+ }
2082
+
2083
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2084
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2085
+ margin: 6px 0 0 5px;
2086
+ }
2087
+
1999
2088
  .e-bigger .e-grid .e-rowcell,
2000
2089
  .e-bigger .e-grid .e-summarycell,
2001
2090
  .e-bigger .e-grid .e-emptyrow td,
@@ -2271,6 +2360,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2271
2360
  margin-right: -10px;
2272
2361
  margin-top: -4px;
2273
2362
  padding-top: 0;
2363
+ padding-left: 8px;
2274
2364
  }
2275
2365
 
2276
2366
  .e-bigger .e-grid .e-groupcaption,
@@ -2309,6 +2399,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2309
2399
  margin-top: 0;
2310
2400
  }
2311
2401
 
2402
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2403
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2404
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2405
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2406
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2407
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2408
+ border-right: 2px solid rgba(156, 156, 156, 0.6);
2409
+ }
2410
+
2411
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2412
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2413
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2414
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2415
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2416
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2417
+ border-left: 2px solid rgba(156, 156, 156, 0.6);
2418
+ }
2419
+
2420
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2421
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2422
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2423
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2424
+ position: relative;
2425
+ }
2426
+
2427
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2428
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2429
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2430
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2431
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2432
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2433
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2434
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2435
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2436
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2437
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2438
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2439
+ cursor: move;
2440
+ height: 100%;
2441
+ position: absolute;
2442
+ top: 0;
2443
+ width: 4px;
2444
+ }
2445
+
2446
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2447
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2448
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2449
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2450
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2451
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2452
+ right: 0;
2453
+ }
2454
+
2455
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2456
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2457
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2458
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2459
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2460
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2461
+ left: 0;
2462
+ }
2463
+
2464
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2465
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2466
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2467
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2468
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2469
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2470
+ right: 3px;
2471
+ }
2472
+
2473
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2474
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2475
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2476
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2477
+ left: 3px;
2478
+ }
2479
+
2480
+ .e-bigger .e-grid .e-frozen-helper,
2481
+ .e-grid.e-bigger .e-frozen-helper {
2482
+ border-left: 2px solid rgba(156, 156, 156, 0.6);
2483
+ cursor: move;
2484
+ position: absolute;
2485
+ z-index: 2;
2486
+ }
2487
+
2488
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2489
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2490
+ -webkit-user-select: none;
2491
+ -ms-user-select: none;
2492
+ user-select: none;
2493
+ }
2494
+
2312
2495
  .e-grid {
2313
2496
  border-radius: 4px;
2314
2497
  border-style: none solid solid;
@@ -2373,6 +2556,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2373
2556
  z-index: 5;
2374
2557
  }
2375
2558
 
2559
+ .e-grid.e-rtl .e-dropitemscount {
2560
+ left: -6px !important;
2561
+ }
2562
+
2376
2563
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2377
2564
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2378
2565
  border-top: 1px solid #484848;
@@ -2523,6 +2710,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2523
2710
  padding-left: 0;
2524
2711
  }
2525
2712
 
2713
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2714
+ padding-left: 26px;
2715
+ }
2716
+
2526
2717
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2527
2718
  padding-bottom: 3px;
2528
2719
  padding-top: 3px;
@@ -2530,7 +2721,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2530
2721
 
2531
2722
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2532
2723
  margin-bottom: 0;
2533
- opacity: .6;
2724
+ opacity: 0.6;
2534
2725
  width: 230px;
2535
2726
  }
2536
2727
 
@@ -2633,10 +2824,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2633
2824
  padding: 0 0 6px;
2634
2825
  }
2635
2826
 
2636
- .e-grid .e-groupdroparea.e-grouped {
2637
- padding: 0 0 6px;
2638
- }
2639
-
2640
2827
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2641
2828
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2642
2829
  border-top: 0;
@@ -2702,9 +2889,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2702
2889
  width: 4px;
2703
2890
  }
2704
2891
 
2705
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2706
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2707
- right: 0;
2892
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2893
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2894
+ border-right: 0;
2708
2895
  }
2709
2896
 
2710
2897
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3143,9 +3330,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3143
3330
  }
3144
3331
 
3145
3332
  .e-grid.e-default tr td:first-child,
3146
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3333
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3147
3334
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3148
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3335
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3149
3336
  border-left-width: 0;
3150
3337
  }
3151
3338
 
@@ -3195,7 +3382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3195
3382
  }
3196
3383
 
3197
3384
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3198
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3385
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3386
+ padding: 0 1.8em 0 0.4em;
3387
+ }
3388
+
3199
3389
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3200
3390
  padding: 0 1.8em 0 0.4em;
3201
3391
  }
@@ -3260,6 +3450,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3260
3450
  width: 15px;
3261
3451
  }
3262
3452
 
3453
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3454
+ margin: 8px 8px 0 2px;
3455
+ }
3456
+
3457
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3458
+ float: left;
3459
+ margin: 8px 0 0 20px;
3460
+ }
3461
+
3263
3462
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3264
3463
  float: left;
3265
3464
  margin: 8px 0 0 20px;
@@ -3485,6 +3684,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3485
3684
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3486
3685
  height: 20px;
3487
3686
  line-height: 20px;
3687
+ position: relative;
3688
+ top: 0;
3488
3689
  }
3489
3690
 
3490
3691
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3683,6 +3884,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3683
3884
  z-index: 10;
3684
3885
  }
3685
3886
 
3887
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3888
+ margin-top: -1.5px;
3889
+ }
3890
+
3891
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3892
+ margin-top: -1.5px;
3893
+ }
3894
+
3686
3895
  .e-grid td.e-active {
3687
3896
  font-weight: normal;
3688
3897
  }
@@ -3829,6 +4038,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3829
4038
  .e-grid span.e-ungroupbutton.e-icons {
3830
4039
  margin-left: -8px;
3831
4040
  margin-top: 2px;
4041
+ padding-right: 8px;
3832
4042
  }
3833
4043
 
3834
4044
  .e-grid .e-grptogglebtn {
@@ -4155,7 +4365,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4155
4365
  }
4156
4366
 
4157
4367
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4158
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4368
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4369
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4370
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4371
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4159
4372
  border-left: 2px solid;
4160
4373
  border-right: 0;
4161
4374
  }
@@ -4294,6 +4507,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4294
4507
  text-align: right;
4295
4508
  }
4296
4509
 
4510
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4511
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4512
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4513
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4514
+ padding: 0 0.4em 0 1.8em;
4515
+ text-align: right;
4516
+ }
4517
+
4518
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4519
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4520
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4521
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4522
+ float: left;
4523
+ margin: 9px 0 0 9px;
4524
+ }
4525
+
4297
4526
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4298
4527
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4299
4528
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4353,6 +4582,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4353
4582
  margin: 0 2px 0 0;
4354
4583
  }
4355
4584
 
4585
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4586
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4587
+ float: left;
4588
+ margin: 9px 0 0 25px;
4589
+ }
4590
+
4356
4591
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4357
4592
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4358
4593
  float: left;
@@ -4814,6 +5049,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4814
5049
  border-right: 0;
4815
5050
  }
4816
5051
 
5052
+ .e-grid.sf-grid .e-table {
5053
+ border-spacing: .25px;
5054
+ }
5055
+
5056
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5057
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5058
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5059
+ border-right: 2px solid rgba(156, 156, 156, 0.6);
5060
+ }
5061
+
5062
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5063
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5064
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5065
+ border-left: 2px solid rgba(156, 156, 156, 0.6);
5066
+ }
5067
+
5068
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5069
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5070
+ position: relative;
5071
+ }
5072
+
5073
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5074
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5075
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5076
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5077
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5078
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5079
+ cursor: move;
5080
+ height: 100%;
5081
+ position: absolute;
5082
+ top: 0;
5083
+ width: 4px;
5084
+ }
5085
+
5086
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5087
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5088
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5089
+ right: 0;
5090
+ }
5091
+
5092
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5093
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5094
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5095
+ left: 0;
5096
+ }
5097
+
5098
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5099
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5100
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5101
+ right: 3px;
5102
+ }
5103
+
5104
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5105
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5106
+ left: 3px;
5107
+ }
5108
+
5109
+ .e-grid.sf-grid .e-frozen-helper {
5110
+ border-left: 2px solid rgba(156, 156, 156, 0.6);
5111
+ cursor: move;
5112
+ position: absolute;
5113
+ z-index: 2;
5114
+ }
5115
+
5116
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5117
+ -webkit-user-select: none;
5118
+ -ms-user-select: none;
5119
+ user-select: none;
5120
+ }
5121
+
4817
5122
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4818
5123
  background-color: rgba(0, 0, 0, 0.1);
4819
5124
  display: inline-block;
@@ -4890,7 +5195,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4890
5195
  }
4891
5196
 
4892
5197
  .e-grid-min-height .e-rowcell {
4893
- line-height: normal;
5198
+ line-height: 0;
4894
5199
  padding-bottom: 0;
4895
5200
  padding-top: 0;
4896
5201
  }
@@ -4969,7 +5274,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4969
5274
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
4970
5275
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
4971
5276
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
4972
- line-height: normal;
5277
+ line-height: 0;
4973
5278
  padding-bottom: 0;
4974
5279
  padding-top: 0;
4975
5280
  }
@@ -5346,6 +5651,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5346
5651
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5347
5652
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5348
5653
  float: right;
5654
+ margin-top: -9px;
5349
5655
  }
5350
5656
 
5351
5657
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5743,11 +6049,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5743
6049
  border-right-color: #9c9c9c;
5744
6050
  }
5745
6051
 
6052
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6053
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6054
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6055
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6056
+ border-right-color: #1a1a1a;
6057
+ }
6058
+
5746
6059
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5747
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6060
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6061
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6062
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6063
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5748
6064
  border-left-color: #9c9c9c;
5749
6065
  }
5750
6066
 
6067
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6068
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6069
+ border-left-color: #1a1a1a;
6070
+ }
6071
+
5751
6072
  .e-grid.e-rtl .e-frozenheader > .e-table,
5752
6073
  .e-grid.e-rtl .e-frozencontent > .e-table,
5753
6074
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5760,11 +6081,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5760
6081
  border-right-color: #9c9c9c;
5761
6082
  }
5762
6083
 
5763
- .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),
5764
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6084
+ .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),
6085
+ .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),
5765
6086
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5766
6087
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5767
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6088
+ .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) {
5768
6089
  background-color: #393939;
5769
6090
  color: #f0f0f0;
5770
6091
  }