@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: #317ab9;
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: #f5f5f5;
815
+ }
816
+
817
+ .e-pager .e-currentitem.e-numericitem.e-focused {
818
+ background: #317ab9;
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;
@@ -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;
@@ -1934,6 +2000,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1934
2000
  margin: -29px -5px;
1935
2001
  }
1936
2002
 
2003
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
2004
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2005
+ float: left;
2006
+ margin: 8px 0 0 20px;
2007
+ }
2008
+
1937
2009
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1938
2010
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1939
2011
  float: left;
@@ -1953,6 +2025,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1953
2025
  width: 15px;
1954
2026
  }
1955
2027
 
2028
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
2029
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
2030
+ margin: 8px 8px 0 2px;
2031
+ }
2032
+
1956
2033
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1957
2034
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1958
2035
  margin: -30px -20px 0 0;
@@ -1997,6 +2074,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1997
2074
  margin: 6px 0 0 5px;
1998
2075
  }
1999
2076
 
2077
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2078
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2079
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2080
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2081
+ margin: 6px 0 0 5px;
2082
+ }
2083
+
2084
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2085
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2086
+ margin: 6px 0 0 5px;
2087
+ }
2088
+
2000
2089
  .e-bigger .e-grid .e-rowcell,
2001
2090
  .e-bigger .e-grid .e-summarycell,
2002
2091
  .e-bigger .e-grid .e-emptyrow td,
@@ -2272,6 +2361,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2272
2361
  margin-right: -10px;
2273
2362
  margin-top: -4px;
2274
2363
  padding-top: 0;
2364
+ padding-left: 8px;
2275
2365
  }
2276
2366
 
2277
2367
  .e-bigger .e-grid .e-groupcaption,
@@ -2310,6 +2400,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2310
2400
  margin-top: 0;
2311
2401
  }
2312
2402
 
2403
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2404
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2405
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2406
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2407
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2408
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2409
+ border-right: 2px solid rgba(49, 122, 185, 0.6);
2410
+ }
2411
+
2412
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2413
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2414
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2415
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2416
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2417
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2418
+ border-left: 2px solid rgba(49, 122, 185, 0.6);
2419
+ }
2420
+
2421
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2422
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2423
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2424
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2425
+ position: relative;
2426
+ }
2427
+
2428
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2429
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2430
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2431
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2432
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2433
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2434
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2435
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2436
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2437
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2438
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2439
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2440
+ cursor: move;
2441
+ height: 100%;
2442
+ position: absolute;
2443
+ top: 0;
2444
+ width: 4px;
2445
+ }
2446
+
2447
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2448
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2449
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2450
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2451
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2452
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2453
+ right: 0;
2454
+ }
2455
+
2456
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2457
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2458
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2459
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2460
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2461
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2462
+ left: 0;
2463
+ }
2464
+
2465
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2466
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2467
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2468
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2469
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2470
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2471
+ right: 3px;
2472
+ }
2473
+
2474
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2475
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2476
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2477
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2478
+ left: 3px;
2479
+ }
2480
+
2481
+ .e-bigger .e-grid .e-frozen-helper,
2482
+ .e-grid.e-bigger .e-frozen-helper {
2483
+ border-left: 2px solid rgba(49, 122, 185, 0.6);
2484
+ cursor: move;
2485
+ position: absolute;
2486
+ z-index: 2;
2487
+ }
2488
+
2489
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2490
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2491
+ -webkit-user-select: none;
2492
+ -ms-user-select: none;
2493
+ user-select: none;
2494
+ }
2495
+
2313
2496
  .e-grid {
2314
2497
  border-radius: 4px;
2315
2498
  border-style: none solid solid;
@@ -2374,6 +2557,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2374
2557
  z-index: 5;
2375
2558
  }
2376
2559
 
2560
+ .e-grid.e-rtl .e-dropitemscount {
2561
+ left: -6px !important;
2562
+ }
2563
+
2377
2564
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2378
2565
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2379
2566
  border-top: 1px solid #ddd;
@@ -2524,6 +2711,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2524
2711
  padding-left: 0;
2525
2712
  }
2526
2713
 
2714
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2715
+ padding-left: 26px;
2716
+ }
2717
+
2527
2718
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2528
2719
  padding-bottom: 3px;
2529
2720
  padding-top: 3px;
@@ -2531,7 +2722,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2531
2722
 
2532
2723
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2533
2724
  margin-bottom: 0;
2534
- opacity: .6;
2725
+ opacity: 0.6;
2535
2726
  width: 230px;
2536
2727
  }
2537
2728
 
@@ -2634,10 +2825,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2634
2825
  padding: 0 0 6px;
2635
2826
  }
2636
2827
 
2637
- .e-grid .e-groupdroparea.e-grouped {
2638
- padding: 0 0 6px;
2639
- }
2640
-
2641
2828
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2642
2829
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2643
2830
  border-top: 0;
@@ -2703,9 +2890,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2703
2890
  width: 4px;
2704
2891
  }
2705
2892
 
2706
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2707
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2708
- right: 0;
2893
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2894
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2895
+ border-right: 0;
2709
2896
  }
2710
2897
 
2711
2898
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3144,9 +3331,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3144
3331
  }
3145
3332
 
3146
3333
  .e-grid.e-default tr td:first-child,
3147
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3334
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3148
3335
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3149
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3336
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3150
3337
  border-left-width: 0;
3151
3338
  }
3152
3339
 
@@ -3196,7 +3383,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3196
3383
  }
3197
3384
 
3198
3385
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3199
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3386
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3387
+ padding: 0 1.8em 0 0.4em;
3388
+ }
3389
+
3200
3390
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3201
3391
  padding: 0 1.8em 0 0.4em;
3202
3392
  }
@@ -3261,6 +3451,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3261
3451
  width: 15px;
3262
3452
  }
3263
3453
 
3454
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3455
+ margin: 8px 8px 0 2px;
3456
+ }
3457
+
3458
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3459
+ float: left;
3460
+ margin: 8px 0 0 20px;
3461
+ }
3462
+
3264
3463
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3265
3464
  float: left;
3266
3465
  margin: 8px 0 0 20px;
@@ -3486,6 +3685,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3486
3685
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3487
3686
  height: 20px;
3488
3687
  line-height: 20px;
3688
+ position: relative;
3689
+ top: 0;
3489
3690
  }
3490
3691
 
3491
3692
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3684,6 +3885,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3684
3885
  z-index: 10;
3685
3886
  }
3686
3887
 
3888
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3889
+ margin-top: -1.5px;
3890
+ }
3891
+
3892
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3893
+ margin-top: -1.5px;
3894
+ }
3895
+
3687
3896
  .e-grid td.e-active {
3688
3897
  font-weight: normal;
3689
3898
  }
@@ -3830,6 +4039,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3830
4039
  .e-grid span.e-ungroupbutton.e-icons {
3831
4040
  margin-left: -8px;
3832
4041
  margin-top: 2px;
4042
+ padding-right: 8px;
3833
4043
  }
3834
4044
 
3835
4045
  .e-grid .e-grptogglebtn {
@@ -4156,7 +4366,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4156
4366
  }
4157
4367
 
4158
4368
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4159
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4369
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4370
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4371
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4372
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4160
4373
  border-left: 2px solid;
4161
4374
  border-right: 0;
4162
4375
  }
@@ -4295,6 +4508,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4295
4508
  text-align: right;
4296
4509
  }
4297
4510
 
4511
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4512
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4513
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4514
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4515
+ padding: 0 0.4em 0 1.8em;
4516
+ text-align: right;
4517
+ }
4518
+
4519
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4520
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4521
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4522
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4523
+ float: left;
4524
+ margin: 9px 0 0 9px;
4525
+ }
4526
+
4298
4527
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4299
4528
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4300
4529
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4354,6 +4583,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4354
4583
  margin: 0 2px 0 0;
4355
4584
  }
4356
4585
 
4586
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4587
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4588
+ float: left;
4589
+ margin: 9px 0 0 25px;
4590
+ }
4591
+
4357
4592
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4358
4593
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4359
4594
  float: left;
@@ -4815,6 +5050,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4815
5050
  border-right: 0;
4816
5051
  }
4817
5052
 
5053
+ .e-grid.sf-grid .e-table {
5054
+ border-spacing: .25px;
5055
+ }
5056
+
5057
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5058
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5059
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5060
+ border-right: 2px solid rgba(49, 122, 185, 0.6);
5061
+ }
5062
+
5063
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5064
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5065
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5066
+ border-left: 2px solid rgba(49, 122, 185, 0.6);
5067
+ }
5068
+
5069
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5070
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5071
+ position: relative;
5072
+ }
5073
+
5074
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5075
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5076
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5077
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5078
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5079
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5080
+ cursor: move;
5081
+ height: 100%;
5082
+ position: absolute;
5083
+ top: 0;
5084
+ width: 4px;
5085
+ }
5086
+
5087
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5088
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5089
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5090
+ right: 0;
5091
+ }
5092
+
5093
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5094
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5095
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5096
+ left: 0;
5097
+ }
5098
+
5099
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5100
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5101
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5102
+ right: 3px;
5103
+ }
5104
+
5105
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5106
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5107
+ left: 3px;
5108
+ }
5109
+
5110
+ .e-grid.sf-grid .e-frozen-helper {
5111
+ border-left: 2px solid rgba(49, 122, 185, 0.6);
5112
+ cursor: move;
5113
+ position: absolute;
5114
+ z-index: 2;
5115
+ }
5116
+
5117
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5118
+ -webkit-user-select: none;
5119
+ -ms-user-select: none;
5120
+ user-select: none;
5121
+ }
5122
+
4818
5123
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4819
5124
  background-color: rgba(0, 0, 0, 0.1);
4820
5125
  display: inline-block;
@@ -4891,7 +5196,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4891
5196
  }
4892
5197
 
4893
5198
  .e-grid-min-height .e-rowcell {
4894
- line-height: normal;
5199
+ line-height: 0;
4895
5200
  padding-bottom: 0;
4896
5201
  padding-top: 0;
4897
5202
  }
@@ -4970,7 +5275,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4970
5275
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
4971
5276
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
4972
5277
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
4973
- line-height: normal;
5278
+ line-height: 0;
4974
5279
  padding-bottom: 0;
4975
5280
  padding-top: 0;
4976
5281
  }
@@ -5347,6 +5652,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5347
5652
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5348
5653
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5349
5654
  float: right;
5655
+ margin-top: -9px;
5350
5656
  }
5351
5657
 
5352
5658
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5744,11 +6050,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5744
6050
  border-right-color: #317ab9;
5745
6051
  }
5746
6052
 
6053
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6054
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6055
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6056
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6057
+ border-right-color: #fff;
6058
+ }
6059
+
5747
6060
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5748
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6061
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6062
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6063
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6064
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5749
6065
  border-left-color: #317ab9;
5750
6066
  }
5751
6067
 
6068
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6069
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6070
+ border-left-color: #fff;
6071
+ }
6072
+
5752
6073
  .e-grid.e-rtl .e-frozenheader > .e-table,
5753
6074
  .e-grid.e-rtl .e-frozencontent > .e-table,
5754
6075
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5761,11 +6082,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5761
6082
  border-right-color: #317ab9;
5762
6083
  }
5763
6084
 
5764
- .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),
5765
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6085
+ .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),
6086
+ .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),
5766
6087
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5767
6088
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5768
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6089
+ .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) {
5769
6090
  background-color: #f5f5f5;
5770
6091
  color: #333;
5771
6092
  }