@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
@@ -80,6 +80,26 @@
80
80
  height: 40px;
81
81
  margin: -40px 0 0 16px;
82
82
  margin-top: -22px;
83
+ width: 90px;
84
+ }
85
+
86
+ .e-bigger .e-pager .e-pagercontainer .e-firstpage,
87
+ .e-bigger .e-pager .e-pagercontainer .e-prevpage,
88
+ .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
89
+ .e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
90
+ .e-bigger .e-pager .e-pagercontainer .e-nextpage,
91
+ .e-bigger .e-pager .e-pagercontainer .e-lastpage,
92
+ .e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
93
+ .e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
94
+ .e-pager.e-bigger .e-pagercontainer .e-firstpage,
95
+ .e-pager.e-bigger .e-pagercontainer .e-prevpage,
96
+ .e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
97
+ .e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
98
+ .e-pager.e-bigger .e-pagercontainer .e-nextpage,
99
+ .e-pager.e-bigger .e-pagercontainer .e-lastpage,
100
+ .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
101
+ .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
102
+ padding: 11px 9px 8px;
83
103
  }
84
104
 
85
105
  .e-bigger .e-pager .e-pagerconstant,
@@ -160,15 +180,25 @@
160
180
  padding: 10px 13px;
161
181
  }
162
182
 
183
+ .e-bigger .e-pager.e-rtl .e-spacing,
184
+ .e-bigger .e-pager.e-rtl .e-numericitem:hover,
185
+ .e-bigger .e-pager.e-rtl .e-currentitem,
186
+ .e-pager.e-bigger.e-rtl .e-spacing,
187
+ .e-pager.e-bigger.e-rtl .e-numericitem:hover,
188
+ .e-pager.e-bigger.e-rtl .e-currentitem {
189
+ margin: 11px 4px 0 0;
190
+ padding: 6px;
191
+ }
192
+
163
193
  .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
164
194
  .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
165
195
  padding: 10px 13px;
166
196
  }
167
197
 
168
- .e-bigger .e-pager.e-rtl .e-spacing,
198
+ .e-bigger .e-pager.e-rtl,
169
199
  .e-bigger .e-pager.e-rtl .e-numericitem:hover,
170
200
  .e-bigger .e-pager.e-rtl .e-currentitem,
171
- .e-pager.e-bigger.e-rtl .e-spacing,
201
+ .e-pager.e-bigger.e-rtl,
172
202
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
173
203
  .e-pager.e-bigger.e-rtl .e-currentitem {
174
204
  margin: 0 8px;
@@ -436,6 +466,12 @@
436
466
  padding: 0 6px;
437
467
  }
438
468
 
469
+ .e-pager .e-np.e-focused,
470
+ .e-pager .e-pp.e-focused {
471
+ line-height: 14px;
472
+ padding: 2.5px 0 9px;
473
+ }
474
+
439
475
  @media (max-width: 769px) {
440
476
  .e-pager {
441
477
  padding: 13px 0;
@@ -680,7 +716,7 @@
680
716
  opacity: 0.87;
681
717
  }
682
718
 
683
- .e-pager div.e-icons {
719
+ .e-pager div.e-icons.e-pager-default {
684
720
  color: #fff;
685
721
  }
686
722
 
@@ -767,6 +803,27 @@
767
803
  opacity: 1;
768
804
  }
769
805
 
806
+ .e-pager .e-numericitem.e-focused,
807
+ .e-pager .e-first.e-focused,
808
+ .e-pager .e-prev.e-focused,
809
+ .e-pager .e-next.e-focused,
810
+ .e-pager .e-last.e-focused,
811
+ .e-pager .e-mfirst.e-focused,
812
+ .e-pager .e-mprev.e-focused,
813
+ .e-pager .e-mnext.e-focused,
814
+ .e-pager .e-mlast.e-focused {
815
+ background-color: rgba(255, 255, 255, 0.18);
816
+ }
817
+
818
+ .e-pager .e-currentitem.e-numericitem.e-focused {
819
+ background: #00b0ff;
820
+ box-shadow: none;
821
+ }
822
+
823
+ .e-pager .e-focused {
824
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
825
+ }
826
+
770
827
  @media (max-width: 590px) {
771
828
  .e-pager .e-pager-default:hover {
772
829
  background: #303030;
@@ -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: 11px;
@@ -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: 1px 0 0;
@@ -1950,6 +2016,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1950
2016
  margin: -17px 2px;
1951
2017
  }
1952
2018
 
2019
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
2020
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2021
+ float: left;
2022
+ margin: 8px 2px 0 5px;
2023
+ }
2024
+
1953
2025
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1954
2026
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1955
2027
  float: left;
@@ -1969,6 +2041,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1969
2041
  width: 15px;
1970
2042
  }
1971
2043
 
2044
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
2045
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
2046
+ margin: 8px 5px 0 2px;
2047
+ }
2048
+
1972
2049
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1973
2050
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1974
2051
  margin: -17px 2px;
@@ -2013,6 +2090,18 @@ li.e-separator.e-menu-item.e-excel-separator {
2013
2090
  margin: 6px 0 0 5px;
2014
2091
  }
2015
2092
 
2093
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2094
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2095
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2096
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2097
+ margin: 6px 0 0 5px;
2098
+ }
2099
+
2100
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2101
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2102
+ margin: 6px 0 0 5px;
2103
+ }
2104
+
2016
2105
  .e-bigger .e-grid .e-rowcell,
2017
2106
  .e-bigger .e-grid .e-summarycell,
2018
2107
  .e-bigger .e-grid .e-emptyrow td,
@@ -2288,6 +2377,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2288
2377
  margin-right: 6px;
2289
2378
  margin-top: 0;
2290
2379
  padding-top: 0;
2380
+ padding-left: 0;
2291
2381
  }
2292
2382
 
2293
2383
  .e-bigger .e-grid .e-groupcaption,
@@ -2326,6 +2416,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2326
2416
  margin-top: 0;
2327
2417
  }
2328
2418
 
2419
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2420
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2421
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2422
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2423
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2424
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2425
+ border-right: 2px solid rgba(224, 224, 224, 0.6);
2426
+ }
2427
+
2428
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2429
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2430
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2431
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2432
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2433
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2434
+ border-left: 2px solid rgba(224, 224, 224, 0.6);
2435
+ }
2436
+
2437
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2438
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2439
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2440
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2441
+ position: relative;
2442
+ }
2443
+
2444
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2445
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2446
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-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-right-cursor,
2449
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2450
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2451
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2452
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2453
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2454
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2455
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2456
+ cursor: move;
2457
+ height: 100%;
2458
+ position: absolute;
2459
+ top: 0;
2460
+ width: 4px;
2461
+ }
2462
+
2463
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2464
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2465
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2466
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2467
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2468
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2469
+ right: 0;
2470
+ }
2471
+
2472
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2473
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2474
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2475
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2476
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2477
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2478
+ left: 0;
2479
+ }
2480
+
2481
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2482
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2483
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2484
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2485
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2486
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2487
+ right: 3px;
2488
+ }
2489
+
2490
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2491
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2492
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2493
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2494
+ left: 3px;
2495
+ }
2496
+
2497
+ .e-bigger .e-grid .e-frozen-helper,
2498
+ .e-grid.e-bigger .e-frozen-helper {
2499
+ border-left: 2px solid rgba(224, 224, 224, 0.6);
2500
+ cursor: move;
2501
+ position: absolute;
2502
+ z-index: 2;
2503
+ }
2504
+
2505
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2506
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2507
+ -webkit-user-select: none;
2508
+ -ms-user-select: none;
2509
+ user-select: none;
2510
+ }
2511
+
2329
2512
  .e-grid {
2330
2513
  border-radius: 0;
2331
2514
  border-style: none solid solid;
@@ -2390,6 +2573,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2390
2573
  z-index: 5;
2391
2574
  }
2392
2575
 
2576
+ .e-grid.e-rtl .e-dropitemscount {
2577
+ left: -6px !important;
2578
+ }
2579
+
2393
2580
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2394
2581
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2395
2582
  border-top: 1px solid #616161;
@@ -2540,6 +2727,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2540
2727
  padding-left: 0;
2541
2728
  }
2542
2729
 
2730
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2731
+ padding-left: 26px;
2732
+ }
2733
+
2543
2734
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2544
2735
  padding-bottom: 6px;
2545
2736
  padding-top: 1px;
@@ -2547,7 +2738,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2547
2738
 
2548
2739
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2549
2740
  margin-bottom: 0;
2550
- opacity: .6;
2741
+ opacity: 0.6;
2551
2742
  width: 230px;
2552
2743
  }
2553
2744
 
@@ -2650,10 +2841,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2650
2841
  padding: 9px 0 10px;
2651
2842
  }
2652
2843
 
2653
- .e-grid .e-groupdroparea.e-grouped {
2654
- padding: 9px 0 10px;
2655
- }
2656
-
2657
2844
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2658
2845
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2659
2846
  border-top: 0;
@@ -2719,9 +2906,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2719
2906
  width: 4px;
2720
2907
  }
2721
2908
 
2722
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2723
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2724
- right: 0;
2909
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2910
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2911
+ border-right: 0;
2725
2912
  }
2726
2913
 
2727
2914
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3160,9 +3347,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3160
3347
  }
3161
3348
 
3162
3349
  .e-grid.e-default tr td:first-child,
3163
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3350
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3164
3351
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3165
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3352
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3166
3353
  border-left-width: 0;
3167
3354
  }
3168
3355
 
@@ -3212,7 +3399,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3212
3399
  }
3213
3400
 
3214
3401
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3215
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3402
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3403
+ padding: 0 1.8em 0 0.6em;
3404
+ }
3405
+
3216
3406
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3217
3407
  padding: 0 1.8em 0 0.6em;
3218
3408
  }
@@ -3277,6 +3467,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3277
3467
  width: 15px;
3278
3468
  }
3279
3469
 
3470
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3471
+ margin: 8px 5px 0 2px;
3472
+ }
3473
+
3474
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3475
+ float: left;
3476
+ margin: 8px 2px 0 5px;
3477
+ }
3478
+
3280
3479
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3281
3480
  float: left;
3282
3481
  margin: 8px 2px 0 5px;
@@ -3502,6 +3701,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3502
3701
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3503
3702
  height: 20px;
3504
3703
  line-height: 20px;
3704
+ position: relative;
3705
+ top: 0;
3505
3706
  }
3506
3707
 
3507
3708
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3700,6 +3901,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3700
3901
  z-index: 10;
3701
3902
  }
3702
3903
 
3904
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3905
+ margin-top: 0;
3906
+ }
3907
+
3908
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3909
+ margin-top: 0;
3910
+ }
3911
+
3703
3912
  .e-grid td.e-active {
3704
3913
  font-weight: normal;
3705
3914
  }
@@ -3846,6 +4055,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3846
4055
  .e-grid span.e-ungroupbutton.e-icons {
3847
4056
  margin-left: 6px;
3848
4057
  margin-top: 0;
4058
+ padding-right: 0;
3849
4059
  }
3850
4060
 
3851
4061
  .e-grid .e-grptogglebtn {
@@ -4172,7 +4382,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4172
4382
  }
4173
4383
 
4174
4384
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4175
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4385
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4386
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4387
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4388
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4176
4389
  border-left: 2px solid;
4177
4390
  border-right: 0;
4178
4391
  }
@@ -4311,6 +4524,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4311
4524
  text-align: right;
4312
4525
  }
4313
4526
 
4527
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4528
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4529
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4530
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4531
+ padding: 0 0.6em 0 1.8em;
4532
+ text-align: right;
4533
+ }
4534
+
4535
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4536
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4537
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4538
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4539
+ float: left;
4540
+ margin: 9px 0 0 5px;
4541
+ }
4542
+
4314
4543
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4315
4544
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4316
4545
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4370,6 +4599,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4370
4599
  margin: 0 2px 0 0;
4371
4600
  }
4372
4601
 
4602
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4603
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4604
+ float: left;
4605
+ margin: 9px 0 0 5px;
4606
+ }
4607
+
4373
4608
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4374
4609
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4375
4610
  float: left;
@@ -4831,6 +5066,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4831
5066
  border-right: 0;
4832
5067
  }
4833
5068
 
5069
+ .e-grid.sf-grid .e-table {
5070
+ border-spacing: .25px;
5071
+ }
5072
+
5073
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5074
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5075
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5076
+ border-right: 2px solid rgba(224, 224, 224, 0.6);
5077
+ }
5078
+
5079
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5080
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5081
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5082
+ border-left: 2px solid rgba(224, 224, 224, 0.6);
5083
+ }
5084
+
5085
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5086
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5087
+ position: relative;
5088
+ }
5089
+
5090
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5091
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5092
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5093
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5094
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5095
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5096
+ cursor: move;
5097
+ height: 100%;
5098
+ position: absolute;
5099
+ top: 0;
5100
+ width: 4px;
5101
+ }
5102
+
5103
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5104
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5105
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5106
+ right: 0;
5107
+ }
5108
+
5109
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5110
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5111
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5112
+ left: 0;
5113
+ }
5114
+
5115
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5116
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5117
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5118
+ right: 3px;
5119
+ }
5120
+
5121
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5122
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5123
+ left: 3px;
5124
+ }
5125
+
5126
+ .e-grid.sf-grid .e-frozen-helper {
5127
+ border-left: 2px solid rgba(224, 224, 224, 0.6);
5128
+ cursor: move;
5129
+ position: absolute;
5130
+ z-index: 2;
5131
+ }
5132
+
5133
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5134
+ -webkit-user-select: none;
5135
+ -ms-user-select: none;
5136
+ user-select: none;
5137
+ }
5138
+
4834
5139
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4835
5140
  background-color: rgba(0, 0, 0, 0.1);
4836
5141
  display: inline-block;
@@ -4907,7 +5212,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4907
5212
  }
4908
5213
 
4909
5214
  .e-grid-min-height .e-rowcell {
4910
- line-height: normal;
5215
+ line-height: 0;
4911
5216
  padding-bottom: 0;
4912
5217
  padding-top: 0;
4913
5218
  }
@@ -4986,7 +5291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4986
5291
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
4987
5292
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
4988
5293
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
4989
- line-height: normal;
5294
+ line-height: 0;
4990
5295
  padding-bottom: 0;
4991
5296
  padding-top: 0;
4992
5297
  }
@@ -5363,6 +5668,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5363
5668
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5364
5669
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5365
5670
  float: right;
5671
+ margin-top: -9px;
5366
5672
  }
5367
5673
 
5368
5674
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5760,11 +6066,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5760
6066
  border-right-color: rgba(255, 255, 255, 0.8);
5761
6067
  }
5762
6068
 
6069
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6070
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6071
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6072
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6073
+ border-right-color: #303030;
6074
+ }
6075
+
5763
6076
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5764
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6077
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6078
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6079
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6080
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5765
6081
  border-left-color: rgba(255, 255, 255, 0.8);
5766
6082
  }
5767
6083
 
6084
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6085
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6086
+ border-left-color: #303030;
6087
+ }
6088
+
5768
6089
  .e-grid.e-rtl .e-frozenheader > .e-table,
5769
6090
  .e-grid.e-rtl .e-frozencontent > .e-table,
5770
6091
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5777,11 +6098,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5777
6098
  border-right-color: rgba(255, 255, 255, 0.8);
5778
6099
  }
5779
6100
 
5780
- .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),
5781
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6101
+ .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),
6102
+ .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),
5782
6103
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5783
6104
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5784
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6105
+ .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) {
5785
6106
  background-color: rgba(255, 255, 255, 0.18);
5786
6107
  color: #fff;
5787
6108
  }