@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: -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;
82
102
  }
83
103
 
84
104
  .e-bigger .e-pager .e-pagerconstant,
@@ -159,15 +179,25 @@
159
179
  padding: 8px 11px;
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: 9px 3px 8px 2px;
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: 8px 11px;
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;
@@ -348,7 +378,7 @@
348
378
  margin-right: 0;
349
379
  margin-top: 0;
350
380
  min-width: 26px;
351
- padding: 12px 10px 8px;
381
+ padding: 9px 10px;
352
382
  }
353
383
 
354
384
  .e-pager .e-pagercontainer .e-lastpage,
@@ -432,7 +462,13 @@
432
462
  font-size: 20px;
433
463
  font-weight: normal;
434
464
  letter-spacing: 0;
435
- padding: 0 6px 10px;
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;
436
472
  }
437
473
 
438
474
  @media (max-width: 769px) {
@@ -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: #dadada;
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: #414040;
815
+ }
816
+
817
+ .e-pager .e-currentitem.e-numericitem.e-focused {
818
+ background: #0074cc;
819
+ box-shadow: 0 0 0 1px #dadada inset;
820
+ }
821
+
822
+ .e-pager .e-focused {
823
+ box-shadow: 0 0 0 1px #dadada inset;
824
+ }
825
+
769
826
  @media (max-width: 590px) {
770
827
  .e-pager .e-pager-default:hover {
771
828
  background: #201f1f;
@@ -1150,6 +1207,11 @@
1150
1207
  margin-right: 0;
1151
1208
  }
1152
1209
 
1210
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
1211
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1212
+ margin-left: 0;
1213
+ }
1214
+
1153
1215
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1154
1216
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1155
1217
  padding-left: 19.25px;
@@ -1284,6 +1346,10 @@
1284
1346
  margin-right: 0;
1285
1347
  }
1286
1348
 
1349
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1350
+ margin-left: 0;
1351
+ }
1352
+
1287
1353
  .e-excelfilter .e-footer-content {
1288
1354
  border-style: solid;
1289
1355
  border-width: 0;
@@ -1907,6 +1973,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1907
1973
  margin: -23px -4px;
1908
1974
  }
1909
1975
 
1976
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
1977
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1978
+ float: left;
1979
+ margin: 9px 0 0 15px;
1980
+ }
1981
+
1910
1982
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1911
1983
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1912
1984
  float: left;
@@ -1926,6 +1998,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1926
1998
  width: 15px;
1927
1999
  }
1928
2000
 
2001
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
2002
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
2003
+ margin: 9px 5px 0 2px;
2004
+ }
2005
+
1929
2006
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1930
2007
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1931
2008
  margin: -23px 11px 0 0;
@@ -1970,6 +2047,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1970
2047
  margin: 9px 0 0 3px;
1971
2048
  }
1972
2049
 
2050
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2051
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2052
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2053
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2054
+ margin: 9px 0 0 3px;
2055
+ }
2056
+
2057
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2058
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2059
+ margin: 9px 0 0 3px;
2060
+ }
2061
+
1973
2062
  .e-bigger .e-grid .e-rowcell,
1974
2063
  .e-bigger .e-grid .e-summarycell,
1975
2064
  .e-bigger .e-grid .e-emptyrow td,
@@ -2245,6 +2334,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2245
2334
  margin-right: 8px;
2246
2335
  margin-top: 0;
2247
2336
  padding-top: 0;
2337
+ padding-left: 0;
2248
2338
  }
2249
2339
 
2250
2340
  .e-bigger .e-grid .e-groupcaption,
@@ -2283,6 +2373,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2283
2373
  margin-top: 0;
2284
2374
  }
2285
2375
 
2376
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2377
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2378
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2379
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2380
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2381
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2382
+ border-right: 2px solid rgba(255, 255, 255, 0.6);
2383
+ }
2384
+
2385
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2386
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2387
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2388
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2389
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2390
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2391
+ border-left: 2px solid rgba(255, 255, 255, 0.6);
2392
+ }
2393
+
2394
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2395
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2396
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2397
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2398
+ position: relative;
2399
+ }
2400
+
2401
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2402
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2403
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2404
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2405
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2406
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2407
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2408
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2409
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2410
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2411
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2412
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2413
+ cursor: move;
2414
+ height: 100%;
2415
+ position: absolute;
2416
+ top: 0;
2417
+ width: 4px;
2418
+ }
2419
+
2420
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2421
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2422
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2423
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2424
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2425
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2426
+ right: 0;
2427
+ }
2428
+
2429
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2430
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2431
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2432
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2433
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2434
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2435
+ left: 0;
2436
+ }
2437
+
2438
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2439
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2440
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2441
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2442
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2443
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2444
+ right: 3px;
2445
+ }
2446
+
2447
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2448
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2449
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2450
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2451
+ left: 3px;
2452
+ }
2453
+
2454
+ .e-bigger .e-grid .e-frozen-helper,
2455
+ .e-grid.e-bigger .e-frozen-helper {
2456
+ border-left: 2px solid rgba(255, 255, 255, 0.6);
2457
+ cursor: move;
2458
+ position: absolute;
2459
+ z-index: 2;
2460
+ }
2461
+
2462
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2463
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2464
+ -webkit-user-select: none;
2465
+ -ms-user-select: none;
2466
+ user-select: none;
2467
+ }
2468
+
2286
2469
  .e-grid {
2287
2470
  border-radius: 0;
2288
2471
  border-style: none solid solid;
@@ -2347,6 +2530,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2347
2530
  z-index: 5;
2348
2531
  }
2349
2532
 
2533
+ .e-grid.e-rtl .e-dropitemscount {
2534
+ left: -6px !important;
2535
+ }
2536
+
2350
2537
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2351
2538
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2352
2539
  border-top: 1px solid #414040;
@@ -2497,6 +2684,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2497
2684
  padding-left: 0;
2498
2685
  }
2499
2686
 
2687
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2688
+ padding-left: 26px;
2689
+ }
2690
+
2500
2691
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2501
2692
  padding-bottom: 4px;
2502
2693
  padding-top: 4px;
@@ -2504,7 +2695,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2504
2695
 
2505
2696
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2506
2697
  margin-bottom: 0;
2507
- opacity: .6;
2698
+ opacity: 0.6;
2508
2699
  width: 230px;
2509
2700
  }
2510
2701
 
@@ -2607,10 +2798,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2607
2798
  padding: 8px 8px 5px;
2608
2799
  }
2609
2800
 
2610
- .e-grid .e-groupdroparea.e-grouped {
2611
- padding: 8px 8px 5px;
2612
- }
2613
-
2614
2801
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2615
2802
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2616
2803
  border-top: 0;
@@ -2676,9 +2863,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2676
2863
  width: 4px;
2677
2864
  }
2678
2865
 
2679
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2680
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2681
- right: 0;
2866
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2867
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2868
+ border-right: 0;
2682
2869
  }
2683
2870
 
2684
2871
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3117,9 +3304,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3117
3304
  }
3118
3305
 
3119
3306
  .e-grid.e-default tr td:first-child,
3120
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3307
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3121
3308
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3122
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3309
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3123
3310
  border-left-width: 0;
3124
3311
  }
3125
3312
 
@@ -3169,7 +3356,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3169
3356
  }
3170
3357
 
3171
3358
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3172
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3359
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3360
+ padding: 0 20px 0 5px;
3361
+ }
3362
+
3173
3363
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3174
3364
  padding: 0 20px 0 5px;
3175
3365
  }
@@ -3234,6 +3424,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3234
3424
  width: 15px;
3235
3425
  }
3236
3426
 
3427
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3428
+ margin: 9px 5px 0 2px;
3429
+ }
3430
+
3431
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3432
+ float: left;
3433
+ margin: 9px 0 0 15px;
3434
+ }
3435
+
3237
3436
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3238
3437
  float: left;
3239
3438
  margin: 9px 0 0 15px;
@@ -3459,6 +3658,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3459
3658
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3460
3659
  height: 20px;
3461
3660
  line-height: 21px;
3661
+ position: relative;
3662
+ top: 0;
3462
3663
  }
3463
3664
 
3464
3665
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3657,6 +3858,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3657
3858
  z-index: 10;
3658
3859
  }
3659
3860
 
3861
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3862
+ margin-top: 0;
3863
+ }
3864
+
3865
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3866
+ margin-top: 0;
3867
+ }
3868
+
3660
3869
  .e-grid td.e-active {
3661
3870
  font-weight: normal;
3662
3871
  }
@@ -3803,6 +4012,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3803
4012
  .e-grid span.e-ungroupbutton.e-icons {
3804
4013
  margin-left: 0;
3805
4014
  margin-top: 0;
4015
+ padding-right: 0;
3806
4016
  }
3807
4017
 
3808
4018
  .e-grid .e-grptogglebtn {
@@ -4129,7 +4339,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4129
4339
  }
4130
4340
 
4131
4341
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4132
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4342
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4343
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4344
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4345
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4133
4346
  border-left: 2px solid;
4134
4347
  border-right: 0;
4135
4348
  }
@@ -4268,6 +4481,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4268
4481
  text-align: right;
4269
4482
  }
4270
4483
 
4484
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4485
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4486
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4487
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4488
+ padding: 1px 0;
4489
+ text-align: right;
4490
+ }
4491
+
4492
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4493
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4494
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4495
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4496
+ float: left;
4497
+ margin: 7px 0 0 3px;
4498
+ }
4499
+
4271
4500
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4272
4501
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4273
4502
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4327,6 +4556,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4327
4556
  margin: 0 2px 0 0;
4328
4557
  }
4329
4558
 
4559
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4560
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4561
+ float: left;
4562
+ margin: 7px 0 0 30px;
4563
+ }
4564
+
4330
4565
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4331
4566
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4332
4567
  float: left;
@@ -4788,6 +5023,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4788
5023
  border-right: 0;
4789
5024
  }
4790
5025
 
5026
+ .e-grid.sf-grid .e-table {
5027
+ border-spacing: .25px;
5028
+ }
5029
+
5030
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5031
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5032
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5033
+ border-right: 2px solid rgba(255, 255, 255, 0.6);
5034
+ }
5035
+
5036
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5037
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5038
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5039
+ border-left: 2px solid rgba(255, 255, 255, 0.6);
5040
+ }
5041
+
5042
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5043
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5044
+ position: relative;
5045
+ }
5046
+
5047
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5048
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5049
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5050
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5051
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5052
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5053
+ cursor: move;
5054
+ height: 100%;
5055
+ position: absolute;
5056
+ top: 0;
5057
+ width: 4px;
5058
+ }
5059
+
5060
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5061
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5062
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5063
+ right: 0;
5064
+ }
5065
+
5066
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5067
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5068
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5069
+ left: 0;
5070
+ }
5071
+
5072
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5073
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5074
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5075
+ right: 3px;
5076
+ }
5077
+
5078
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5079
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5080
+ left: 3px;
5081
+ }
5082
+
5083
+ .e-grid.sf-grid .e-frozen-helper {
5084
+ border-left: 2px solid rgba(255, 255, 255, 0.6);
5085
+ cursor: move;
5086
+ position: absolute;
5087
+ z-index: 2;
5088
+ }
5089
+
5090
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5091
+ -webkit-user-select: none;
5092
+ -ms-user-select: none;
5093
+ user-select: none;
5094
+ }
5095
+
4791
5096
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4792
5097
  background-color: rgba(0, 0, 0, 0.1);
4793
5098
  display: inline-block;
@@ -4864,7 +5169,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4864
5169
  }
4865
5170
 
4866
5171
  .e-grid-min-height .e-rowcell {
4867
- line-height: normal;
5172
+ line-height: 0;
4868
5173
  padding-bottom: 0;
4869
5174
  padding-top: 0;
4870
5175
  }
@@ -4943,7 +5248,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4943
5248
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
4944
5249
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
4945
5250
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
4946
- line-height: normal;
5251
+ line-height: 0;
4947
5252
  padding-bottom: 0;
4948
5253
  padding-top: 0;
4949
5254
  }
@@ -5320,6 +5625,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5320
5625
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5321
5626
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5322
5627
  float: right;
5628
+ margin-top: -9px;
5323
5629
  }
5324
5630
 
5325
5631
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5717,11 +6023,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5717
6023
  border-right-color: #fff;
5718
6024
  }
5719
6025
 
6026
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6027
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6028
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6029
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6030
+ border-right-color: #201f1f;
6031
+ }
6032
+
5720
6033
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5721
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6034
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6035
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6036
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6037
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5722
6038
  border-left-color: #fff;
5723
6039
  }
5724
6040
 
6041
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6042
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6043
+ border-left-color: #201f1f;
6044
+ }
6045
+
5725
6046
  .e-grid.e-rtl .e-frozenheader > .e-table,
5726
6047
  .e-grid.e-rtl .e-frozencontent > .e-table,
5727
6048
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5734,11 +6055,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5734
6055
  border-right-color: #fff;
5735
6056
  }
5736
6057
 
5737
- .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),
5738
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6058
+ .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),
6059
+ .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),
5739
6060
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5740
6061
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5741
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6062
+ .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) {
5742
6063
  background-color: #414040;
5743
6064
  color: #fff;
5744
6065
  }