@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
package/styles/fabric.css CHANGED
@@ -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: #333;
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: #f4f4f4;
815
+ }
816
+
817
+ .e-pager .e-currentitem.e-numericitem.e-focused {
818
+ background: #b7e0ff;
819
+ box-shadow: 0 0 0 1px #666 inset;
820
+ }
821
+
822
+ .e-pager .e-focused {
823
+ box-shadow: 0 0 0 1px #666 inset;
824
+ }
825
+
769
826
  @media (max-width: 590px) {
770
827
  .e-pager .e-pager-default:hover {
771
828
  background: #fff;
@@ -1143,6 +1200,11 @@
1143
1200
  margin-right: 0;
1144
1201
  }
1145
1202
 
1203
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
1204
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1205
+ margin-left: 0;
1206
+ }
1207
+
1146
1208
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1147
1209
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1148
1210
  padding-left: 19.25px;
@@ -1277,6 +1339,10 @@
1277
1339
  margin-right: 0;
1278
1340
  }
1279
1341
 
1342
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1343
+ margin-left: 0;
1344
+ }
1345
+
1280
1346
  .e-excelfilter .e-footer-content {
1281
1347
  border-style: solid;
1282
1348
  border-width: 0;
@@ -1900,6 +1966,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1900
1966
  margin: -23px -4px;
1901
1967
  }
1902
1968
 
1969
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
1970
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1971
+ float: left;
1972
+ margin: 9px 0 0;
1973
+ }
1974
+
1903
1975
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1904
1976
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1905
1977
  float: left;
@@ -1919,6 +1991,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1919
1991
  width: 15px;
1920
1992
  }
1921
1993
 
1994
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
1995
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
1996
+ margin: 9px 2px 0;
1997
+ }
1998
+
1922
1999
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1923
2000
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1924
2001
  margin: -23px 11px 0 0;
@@ -1963,6 +2040,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1963
2040
  margin: 9px 0 0 3px;
1964
2041
  }
1965
2042
 
2043
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2044
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2045
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2046
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2047
+ margin: 9px 0 0 3px;
2048
+ }
2049
+
2050
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2051
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2052
+ margin: 9px 0 0 3px;
2053
+ }
2054
+
1966
2055
  .e-bigger .e-grid .e-rowcell,
1967
2056
  .e-bigger .e-grid .e-summarycell,
1968
2057
  .e-bigger .e-grid .e-emptyrow td,
@@ -2238,6 +2327,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2238
2327
  margin-right: 8px;
2239
2328
  margin-top: 0;
2240
2329
  padding-top: 0;
2330
+ padding-left: 0;
2241
2331
  }
2242
2332
 
2243
2333
  .e-bigger .e-grid .e-groupcaption,
@@ -2276,6 +2366,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2276
2366
  margin-top: 0;
2277
2367
  }
2278
2368
 
2369
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2370
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2371
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2372
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2373
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2374
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2375
+ border-right: 2px solid rgba(0, 120, 214, 0.6);
2376
+ }
2377
+
2378
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2379
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2380
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2381
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2382
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2383
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2384
+ border-left: 2px solid rgba(0, 120, 214, 0.6);
2385
+ }
2386
+
2387
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2388
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2389
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2390
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2391
+ position: relative;
2392
+ }
2393
+
2394
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2395
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2396
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2397
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2398
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2399
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2400
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2401
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2402
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2403
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2404
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2405
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2406
+ cursor: move;
2407
+ height: 100%;
2408
+ position: absolute;
2409
+ top: 0;
2410
+ width: 4px;
2411
+ }
2412
+
2413
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2414
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
2415
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2416
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2417
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2418
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2419
+ right: 0;
2420
+ }
2421
+
2422
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2423
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2424
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2425
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2426
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2427
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2428
+ left: 0;
2429
+ }
2430
+
2431
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2432
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2433
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2434
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2435
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2436
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2437
+ right: 3px;
2438
+ }
2439
+
2440
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2441
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2442
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2443
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2444
+ left: 3px;
2445
+ }
2446
+
2447
+ .e-bigger .e-grid .e-frozen-helper,
2448
+ .e-grid.e-bigger .e-frozen-helper {
2449
+ border-left: 2px solid rgba(0, 120, 214, 0.6);
2450
+ cursor: move;
2451
+ position: absolute;
2452
+ z-index: 2;
2453
+ }
2454
+
2455
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2456
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2457
+ -webkit-user-select: none;
2458
+ -ms-user-select: none;
2459
+ user-select: none;
2460
+ }
2461
+
2279
2462
  .e-grid {
2280
2463
  border-radius: 0;
2281
2464
  border-style: none solid solid;
@@ -2340,6 +2523,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2340
2523
  z-index: 5;
2341
2524
  }
2342
2525
 
2526
+ .e-grid.e-rtl .e-dropitemscount {
2527
+ left: -6px !important;
2528
+ }
2529
+
2343
2530
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2344
2531
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2345
2532
  border-top: 1px solid #eaeaea;
@@ -2490,6 +2677,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2490
2677
  padding-left: 0;
2491
2678
  }
2492
2679
 
2680
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2681
+ padding-left: 26px;
2682
+ }
2683
+
2493
2684
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2494
2685
  padding-bottom: 4px;
2495
2686
  padding-top: 4px;
@@ -2497,7 +2688,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2497
2688
 
2498
2689
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2499
2690
  margin-bottom: 0;
2500
- opacity: .6;
2691
+ opacity: 0.6;
2501
2692
  width: 230px;
2502
2693
  }
2503
2694
 
@@ -2600,10 +2791,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2600
2791
  padding: 8px 8px 5px;
2601
2792
  }
2602
2793
 
2603
- .e-grid .e-groupdroparea.e-grouped {
2604
- padding: 8px 8px 5px;
2605
- }
2606
-
2607
2794
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2608
2795
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2609
2796
  border-top: 0;
@@ -2669,9 +2856,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2669
2856
  width: 4px;
2670
2857
  }
2671
2858
 
2672
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2673
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2674
- right: 0;
2859
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2860
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2861
+ border-right: 0;
2675
2862
  }
2676
2863
 
2677
2864
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3110,9 +3297,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3110
3297
  }
3111
3298
 
3112
3299
  .e-grid.e-default tr td:first-child,
3113
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3300
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3114
3301
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3115
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3302
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3116
3303
  border-left-width: 0;
3117
3304
  }
3118
3305
 
@@ -3162,7 +3349,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3162
3349
  }
3163
3350
 
3164
3351
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3165
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3352
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3353
+ padding: 0 25px 0 0;
3354
+ }
3355
+
3166
3356
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3167
3357
  padding: 0 25px 0 0;
3168
3358
  }
@@ -3227,6 +3417,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3227
3417
  width: 15px;
3228
3418
  }
3229
3419
 
3420
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3421
+ margin: 9px 2px 0;
3422
+ }
3423
+
3424
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3425
+ float: left;
3426
+ margin: 9px 0 0;
3427
+ }
3428
+
3230
3429
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3231
3430
  float: left;
3232
3431
  margin: 9px 0 0;
@@ -3452,6 +3651,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3452
3651
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3453
3652
  height: 20px;
3454
3653
  line-height: 21px;
3654
+ position: relative;
3655
+ top: 0;
3455
3656
  }
3456
3657
 
3457
3658
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3650,6 +3851,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3650
3851
  z-index: 10;
3651
3852
  }
3652
3853
 
3854
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3855
+ margin-top: 0;
3856
+ }
3857
+
3858
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3859
+ margin-top: 0;
3860
+ }
3861
+
3653
3862
  .e-grid td.e-active {
3654
3863
  font-weight: normal;
3655
3864
  }
@@ -3796,6 +4005,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3796
4005
  .e-grid span.e-ungroupbutton.e-icons {
3797
4006
  margin-left: 0;
3798
4007
  margin-top: 0;
4008
+ padding-right: 0;
3799
4009
  }
3800
4010
 
3801
4011
  .e-grid .e-grptogglebtn {
@@ -4122,7 +4332,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4122
4332
  }
4123
4333
 
4124
4334
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4125
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4335
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4336
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4337
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4338
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4126
4339
  border-left: 2px solid;
4127
4340
  border-right: 0;
4128
4341
  }
@@ -4261,6 +4474,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4261
4474
  text-align: right;
4262
4475
  }
4263
4476
 
4477
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4478
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4479
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4480
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4481
+ padding: 0 0 0 25px;
4482
+ text-align: right;
4483
+ }
4484
+
4485
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4486
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4487
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4488
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4489
+ float: left;
4490
+ margin: 7px 0 0 3px;
4491
+ }
4492
+
4264
4493
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4265
4494
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4266
4495
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4320,6 +4549,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4320
4549
  margin: 0 2px 0 0;
4321
4550
  }
4322
4551
 
4552
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4553
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4554
+ float: left;
4555
+ margin: 7px 0 0 30px;
4556
+ }
4557
+
4323
4558
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4324
4559
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4325
4560
  float: left;
@@ -4781,6 +5016,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4781
5016
  border-right: 0;
4782
5017
  }
4783
5018
 
5019
+ .e-grid.sf-grid .e-table {
5020
+ border-spacing: .25px;
5021
+ }
5022
+
5023
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5024
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5025
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5026
+ border-right: 2px solid rgba(0, 120, 214, 0.6);
5027
+ }
5028
+
5029
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5030
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5031
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5032
+ border-left: 2px solid rgba(0, 120, 214, 0.6);
5033
+ }
5034
+
5035
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5036
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5037
+ position: relative;
5038
+ }
5039
+
5040
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5041
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5042
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5043
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5044
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5045
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5046
+ cursor: move;
5047
+ height: 100%;
5048
+ position: absolute;
5049
+ top: 0;
5050
+ width: 4px;
5051
+ }
5052
+
5053
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5054
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5055
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5056
+ right: 0;
5057
+ }
5058
+
5059
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5060
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5061
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5062
+ left: 0;
5063
+ }
5064
+
5065
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5066
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5067
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5068
+ right: 3px;
5069
+ }
5070
+
5071
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5072
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5073
+ left: 3px;
5074
+ }
5075
+
5076
+ .e-grid.sf-grid .e-frozen-helper {
5077
+ border-left: 2px solid rgba(0, 120, 214, 0.6);
5078
+ cursor: move;
5079
+ position: absolute;
5080
+ z-index: 2;
5081
+ }
5082
+
5083
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5084
+ -webkit-user-select: none;
5085
+ -ms-user-select: none;
5086
+ user-select: none;
5087
+ }
5088
+
4784
5089
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4785
5090
  background-color: rgba(0, 0, 0, 0.1);
4786
5091
  display: inline-block;
@@ -4857,7 +5162,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4857
5162
  }
4858
5163
 
4859
5164
  .e-grid-min-height .e-rowcell {
4860
- line-height: normal;
5165
+ line-height: 0;
4861
5166
  padding-bottom: 0;
4862
5167
  padding-top: 0;
4863
5168
  }
@@ -4936,7 +5241,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4936
5241
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
4937
5242
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
4938
5243
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
4939
- line-height: normal;
5244
+ line-height: 0;
4940
5245
  padding-bottom: 0;
4941
5246
  padding-top: 0;
4942
5247
  }
@@ -5313,6 +5618,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5313
5618
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5314
5619
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5315
5620
  float: right;
5621
+ margin-top: -9px;
5316
5622
  }
5317
5623
 
5318
5624
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5710,11 +6016,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5710
6016
  border-right-color: #0078d6;
5711
6017
  }
5712
6018
 
6019
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6020
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6021
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6022
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6023
+ border-right-color: #fff;
6024
+ }
6025
+
5713
6026
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5714
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6027
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6028
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6029
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6030
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5715
6031
  border-left-color: #0078d6;
5716
6032
  }
5717
6033
 
6034
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6035
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6036
+ border-left-color: #fff;
6037
+ }
6038
+
5718
6039
  .e-grid.e-rtl .e-frozenheader > .e-table,
5719
6040
  .e-grid.e-rtl .e-frozencontent > .e-table,
5720
6041
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5727,11 +6048,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5727
6048
  border-right-color: #0078d6;
5728
6049
  }
5729
6050
 
5730
- .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),
5731
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6051
+ .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),
6052
+ .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),
5732
6053
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5733
6054
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5734
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6055
+ .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) {
5735
6056
  background-color: #f4f4f4;
5736
6057
  color: #333;
5737
6058
  }