@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: 6px 9px;
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: #fff;
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: #685708;
815
+ }
816
+
817
+ .e-pager .e-currentitem.e-numericitem.e-focused {
818
+ background: #ffd939;
819
+ box-shadow: 0 0 0 1px #969696 inset;
820
+ }
821
+
822
+ .e-pager .e-focused {
823
+ box-shadow: 0 0 0 1px #969696 inset;
824
+ }
825
+
769
826
  @media (max-width: 590px) {
770
827
  .e-pager .e-pager-default:hover {
771
828
  background: #000;
@@ -1160,6 +1217,11 @@
1160
1217
  margin-right: 0;
1161
1218
  }
1162
1219
 
1220
+ .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
1221
+ .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1222
+ margin-left: 0;
1223
+ }
1224
+
1163
1225
  .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
1164
1226
  .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
1165
1227
  padding-left: 19.25px;
@@ -1294,6 +1356,10 @@
1294
1356
  margin-right: 0;
1295
1357
  }
1296
1358
 
1359
+ .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
1360
+ margin-left: 0;
1361
+ }
1362
+
1297
1363
  .e-excelfilter .e-footer-content {
1298
1364
  border-style: solid;
1299
1365
  border-width: 0;
@@ -1917,6 +1983,12 @@ li.e-separator.e-menu-item.e-excel-separator {
1917
1983
  margin: -23px -4px;
1918
1984
  }
1919
1985
 
1986
+ .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
1987
+ .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
1988
+ float: left;
1989
+ margin: 9px 0 0 15px;
1990
+ }
1991
+
1920
1992
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
1921
1993
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
1922
1994
  float: left;
@@ -1936,6 +2008,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1936
2008
  width: 15px;
1937
2009
  }
1938
2010
 
2011
+ .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
2012
+ .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
2013
+ margin: 9px 2px 0 2px;
2014
+ }
2015
+
1939
2016
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1940
2017
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1941
2018
  margin: -23px 11px 0 0;
@@ -1980,6 +2057,18 @@ li.e-separator.e-menu-item.e-excel-separator {
1980
2057
  margin: 9px 0 0 3px;
1981
2058
  }
1982
2059
 
2060
+ .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2061
+ .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
2062
+ .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
2063
+ .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
2064
+ margin: 9px 0 0 3px;
2065
+ }
2066
+
2067
+ .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
2068
+ .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
2069
+ margin: 9px 0 0 3px;
2070
+ }
2071
+
1983
2072
  .e-bigger .e-grid .e-rowcell,
1984
2073
  .e-bigger .e-grid .e-summarycell,
1985
2074
  .e-bigger .e-grid .e-emptyrow td,
@@ -2255,6 +2344,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2255
2344
  margin-right: 8px;
2256
2345
  margin-top: 0;
2257
2346
  padding-top: 0;
2347
+ padding-left: 0;
2258
2348
  }
2259
2349
 
2260
2350
  .e-bigger .e-grid .e-groupcaption,
@@ -2293,6 +2383,99 @@ li.e-separator.e-menu-item.e-excel-separator {
2293
2383
  margin-top: 0;
2294
2384
  }
2295
2385
 
2386
+ .e-bigger .e-grid .e-rowcell.e-frozen-right-border,
2387
+ .e-bigger .e-grid .e-headercell.e-frozen-right-border,
2388
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-right-border,
2389
+ .e-grid.e-bigger .e-rowcell.e-frozen-right-border,
2390
+ .e-grid.e-bigger .e-headercell.e-frozen-right-border,
2391
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-right-border {
2392
+ border-right: 2px solid rgba(255, 217, 57, 0.6);
2393
+ }
2394
+
2395
+ .e-bigger .e-grid .e-rowcell.e-frozen-left-border,
2396
+ .e-bigger .e-grid .e-headercell.e-frozen-left-border,
2397
+ .e-bigger .e-grid .e-filterbarcell.e-frozen-left-border,
2398
+ .e-grid.e-bigger .e-rowcell.e-frozen-left-border,
2399
+ .e-grid.e-bigger .e-headercell.e-frozen-left-border,
2400
+ .e-grid.e-bigger .e-filterbarcell.e-frozen-left-border {
2401
+ border-left: 2px solid rgba(255, 217, 57, 0.6);
2402
+ }
2403
+
2404
+ .e-bigger .e-grid .e-rowcell.e-freezeline,
2405
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell.e-freezeline,
2406
+ .e-grid.e-bigger .e-rowcell.e-freezeline,
2407
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell.e-freezeline {
2408
+ position: relative;
2409
+ }
2410
+
2411
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2412
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor,
2413
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-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-right-cursor,
2416
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor,
2417
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2418
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2419
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2420
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2421
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2422
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2423
+ cursor: move;
2424
+ height: 100%;
2425
+ position: absolute;
2426
+ top: 0;
2427
+ width: 4px;
2428
+ }
2429
+
2430
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-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-left-cursor,
2433
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor,
2434
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor,
2435
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
2436
+ right: 0;
2437
+ }
2438
+
2439
+ .e-bigger .e-grid .e-rowcell .e-frozen-right-cursor,
2440
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
2441
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
2442
+ .e-grid.e-bigger .e-rowcell .e-frozen-right-cursor,
2443
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor,
2444
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
2445
+ left: 0;
2446
+ }
2447
+
2448
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2449
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2450
+ .e-bigger .e-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2451
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
2452
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
2453
+ .e-grid.e-bigger .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
2454
+ right: 3px;
2455
+ }
2456
+
2457
+ .e-bigger .e-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2458
+ .e-bigger .e-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2459
+ .e-grid.e-bigger .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
2460
+ .e-grid.e-bigger .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
2461
+ left: 3px;
2462
+ }
2463
+
2464
+ .e-bigger .e-grid .e-frozen-helper,
2465
+ .e-grid.e-bigger .e-frozen-helper {
2466
+ border-left: 2px solid rgba(255, 217, 57, 0.6);
2467
+ cursor: move;
2468
+ position: absolute;
2469
+ z-index: 2;
2470
+ }
2471
+
2472
+ .e-bigger .e-grid .e-content.e-freezeline-moving,
2473
+ .e-grid.e-bigger .e-content.e-freezeline-moving {
2474
+ -webkit-user-select: none;
2475
+ -ms-user-select: none;
2476
+ user-select: none;
2477
+ }
2478
+
2296
2479
  .e-grid {
2297
2480
  border-radius: 0;
2298
2481
  border-style: none solid solid;
@@ -2357,6 +2540,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2357
2540
  z-index: 5;
2358
2541
  }
2359
2542
 
2543
+ .e-grid.e-rtl .e-dropitemscount {
2544
+ left: -6px !important;
2545
+ }
2546
+
2360
2547
  .e-grid.e-verticallines .e-cloneproperties.e-draganddrop .e-rowdragdrop,
2361
2548
  .e-grid.e-bothlines .e-cloneproperties.e-draganddrop .e-rowdragdrop {
2362
2549
  border-top: 1px solid #969696;
@@ -2507,6 +2694,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2507
2694
  padding-left: 0;
2508
2695
  }
2509
2696
 
2697
+ .e-grid.e-rtl .e-res-toolbar .e-toolbar-items .e-responsive-right .e-search-wrapper {
2698
+ padding-left: 26px;
2699
+ }
2700
+
2510
2701
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
2511
2702
  padding-bottom: 4px;
2512
2703
  padding-top: 4px;
@@ -2514,7 +2705,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2514
2705
 
2515
2706
  .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
2516
2707
  margin-bottom: 0;
2517
- opacity: .6;
2708
+ opacity: 0.6;
2518
2709
  width: 230px;
2519
2710
  }
2520
2711
 
@@ -2617,10 +2808,6 @@ li.e-separator.e-menu-item.e-excel-separator {
2617
2808
  padding: 8px 8px 5px;
2618
2809
  }
2619
2810
 
2620
- .e-grid .e-groupdroparea.e-grouped {
2621
- padding: 8px 8px 5px;
2622
- }
2623
-
2624
2811
  .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
2625
2812
  .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
2626
2813
  border-top: 0;
@@ -2686,9 +2873,9 @@ li.e-separator.e-menu-item.e-excel-separator {
2686
2873
  width: 4px;
2687
2874
  }
2688
2875
 
2689
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2690
- .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2691
- right: 0;
2876
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rhandler:last-of-type,
2877
+ .e-grid .e-gridheader .e-frozenheader .e-headercell:last-child .e-rsuppress:last-of-type {
2878
+ border-right: 0;
2692
2879
  }
2693
2880
 
2694
2881
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
@@ -3127,9 +3314,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3127
3314
  }
3128
3315
 
3129
3316
  .e-grid.e-default tr td:first-child,
3130
- .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
3317
+ .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
3131
3318
  .e-grid.e-default tr th.e-detailheadercell:first-child,
3132
- .e-grid.e-default tr th.e-filterbarcell:first-child {
3319
+ .e-grid.e-default tr th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
3133
3320
  border-left-width: 0;
3134
3321
  }
3135
3322
 
@@ -3179,7 +3366,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3179
3366
  }
3180
3367
 
3181
3368
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
3182
- .e-grid .e-gridheader .e-stackedheadercelldiv,
3369
+ .e-grid .e-gridheader .e-stackedheadercelldiv {
3370
+ padding: 0 1px;
3371
+ }
3372
+
3183
3373
  .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
3184
3374
  padding: 0 1px;
3185
3375
  }
@@ -3244,6 +3434,15 @@ li.e-separator.e-menu-item.e-excel-separator {
3244
3434
  width: 15px;
3245
3435
  }
3246
3436
 
3437
+ .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
3438
+ margin: 9px 2px 0 2px;
3439
+ }
3440
+
3441
+ .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
3442
+ float: left;
3443
+ margin: 9px 0 0 15px;
3444
+ }
3445
+
3247
3446
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
3248
3447
  float: left;
3249
3448
  margin: 9px 0 0 15px;
@@ -3469,6 +3668,8 @@ li.e-separator.e-menu-item.e-excel-separator {
3469
3668
  .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
3470
3669
  height: 20px;
3471
3670
  line-height: 20px;
3671
+ position: relative;
3672
+ top: 0;
3472
3673
  }
3473
3674
 
3474
3675
  .e-grid .e-dialog.e-checkboxfilter,
@@ -3667,6 +3868,14 @@ li.e-separator.e-menu-item.e-excel-separator {
3667
3868
  z-index: 10;
3668
3869
  }
3669
3870
 
3871
+ .e-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3872
+ margin-top: 0;
3873
+ }
3874
+
3875
+ .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3876
+ margin-top: 0;
3877
+ }
3878
+
3670
3879
  .e-grid td.e-active {
3671
3880
  font-weight: normal;
3672
3881
  }
@@ -3813,6 +4022,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3813
4022
  .e-grid span.e-ungroupbutton.e-icons {
3814
4023
  margin-left: 0;
3815
4024
  margin-top: 0;
4025
+ padding-right: 0;
3816
4026
  }
3817
4027
 
3818
4028
  .e-grid .e-grptogglebtn {
@@ -4139,7 +4349,10 @@ li.e-separator.e-menu-item.e-excel-separator {
4139
4349
  }
4140
4350
 
4141
4351
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
4142
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
4352
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
4353
+ .e-grid .e-rowcell .e-frozen-default-cursor,
4354
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
4355
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
4143
4356
  border-left: 2px solid;
4144
4357
  border-right: 0;
4145
4358
  }
@@ -4278,6 +4491,22 @@ li.e-separator.e-menu-item.e-excel-separator {
4278
4491
  text-align: right;
4279
4492
  }
4280
4493
 
4494
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
4495
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv,
4496
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
4497
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
4498
+ padding: 0 0.6em 0 1.8em;
4499
+ text-align: right;
4500
+ }
4501
+
4502
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4503
+ .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
4504
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
4505
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
4506
+ float: left;
4507
+ margin: 8px 0 0 8px;
4508
+ }
4509
+
4281
4510
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
4282
4511
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
4283
4512
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -4337,6 +4566,12 @@ li.e-separator.e-menu-item.e-excel-separator {
4337
4566
  margin: 0 2px 0 0;
4338
4567
  }
4339
4568
 
4569
+ .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber,
4570
+ .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
4571
+ float: left;
4572
+ margin: 9px 0 0 30px;
4573
+ }
4574
+
4340
4575
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
4341
4576
  .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
4342
4577
  float: left;
@@ -4798,6 +5033,76 @@ li.e-separator.e-menu-item.e-excel-separator {
4798
5033
  border-right: 0;
4799
5034
  }
4800
5035
 
5036
+ .e-grid.sf-grid .e-table {
5037
+ border-spacing: .25px;
5038
+ }
5039
+
5040
+ .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
5041
+ .e-grid.sf-grid .e-headercell.e-frozen-right-border,
5042
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
5043
+ border-right: 2px solid rgba(255, 217, 57, 0.6);
5044
+ }
5045
+
5046
+ .e-grid.sf-grid .e-rowcell.e-frozen-left-border,
5047
+ .e-grid.sf-grid .e-headercell.e-frozen-left-border,
5048
+ .e-grid.sf-grid .e-filterbarcell.e-frozen-left-border {
5049
+ border-left: 2px solid rgba(255, 217, 57, 0.6);
5050
+ }
5051
+
5052
+ .e-grid.sf-grid .e-rowcell.e-freezeline,
5053
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell.e-freezeline {
5054
+ position: relative;
5055
+ }
5056
+
5057
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5058
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5059
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5060
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5061
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor,
5062
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5063
+ cursor: move;
5064
+ height: 100%;
5065
+ position: absolute;
5066
+ top: 0;
5067
+ width: 4px;
5068
+ }
5069
+
5070
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor,
5071
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor,
5072
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor {
5073
+ right: 0;
5074
+ }
5075
+
5076
+ .e-grid.sf-grid .e-rowcell .e-frozen-right-cursor,
5077
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor,
5078
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor {
5079
+ left: 0;
5080
+ }
5081
+
5082
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-left-cursor.e-frozen-resize-cursor,
5083
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-left-cursor.e-frozen-resize-cursor,
5084
+ .e-grid.sf-grid .e-rowcell .e-frozen-left-cursor.e-frozen-resize-cursor {
5085
+ right: 3px;
5086
+ }
5087
+
5088
+ .e-grid.sf-grid .e-gridheader .e-headercell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor),
5089
+ .e-grid.sf-grid .e-gridheader .e-filterbarcell .e-frozen-right-cursor.e-frozen-resize-cursor:not(.e-frozen-default-cursor) {
5090
+ left: 3px;
5091
+ }
5092
+
5093
+ .e-grid.sf-grid .e-frozen-helper {
5094
+ border-left: 2px solid rgba(255, 217, 57, 0.6);
5095
+ cursor: move;
5096
+ position: absolute;
5097
+ z-index: 2;
5098
+ }
5099
+
5100
+ .e-grid.sf-grid .e-content.e-freezeline-moving {
5101
+ -webkit-user-select: none;
5102
+ -ms-user-select: none;
5103
+ user-select: none;
5104
+ }
5105
+
4801
5106
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
4802
5107
  background-color: rgba(0, 0, 0, 0.1);
4803
5108
  display: inline-block;
@@ -4874,7 +5179,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4874
5179
  }
4875
5180
 
4876
5181
  .e-grid-min-height .e-rowcell {
4877
- line-height: normal;
5182
+ line-height: 0;
4878
5183
  padding-bottom: 0;
4879
5184
  padding-top: 0;
4880
5185
  }
@@ -4953,7 +5258,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4953
5258
  .e-bigger .e-grid.e-grid-min-height .e-rowcell,
4954
5259
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
4955
5260
  .e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
4956
- line-height: normal;
5261
+ line-height: 0;
4957
5262
  padding-bottom: 0;
4958
5263
  padding-top: 0;
4959
5264
  }
@@ -5330,6 +5635,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5330
5635
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent,
5331
5636
  .e-bigger.e-responsive-dialog .e-dlg-content .e-ressortbutton-parent {
5332
5637
  float: right;
5638
+ margin-top: -9px;
5333
5639
  }
5334
5640
 
5335
5641
  .e-bigger .e-responsive-dialog .e-dlg-content .e-ressortbutton-parent .e-ressortbutton,
@@ -5727,11 +6033,26 @@ li.e-separator.e-menu-item.e-excel-separator {
5727
6033
  border-right-color: #ffd939;
5728
6034
  }
5729
6035
 
6036
+ .e-grid .e-frozenheader.e-frozenborderdisabled > .e-table,
6037
+ .e-grid .e-frozencontent.e-frozenborderdisabled > .e-table,
6038
+ .e-grid .e-frozencontent.e-frozenborderdisabled .e-virtualtable > .e-table,
6039
+ .e-grid .e-frozenheader.e-frozenborderdisabled .e-virtualtable > .e-table {
6040
+ border-right-color: #000;
6041
+ }
6042
+
5730
6043
  .e-grid .e-frozenheader.e-frozen-right-header > .e-table,
5731
- .e-grid .e-frozencontent.e-frozen-right-content > .e-table {
6044
+ .e-grid .e-frozencontent.e-frozen-right-content > .e-table,
6045
+ .e-grid .e-rowcell .e-frozen-default-cursor,
6046
+ .e-grid .e-gridheader .e-headercell .e-frozen-default-cursor,
6047
+ .e-grid .e-gridheader .e-filterbarcell .e-frozen-default-cursor {
5732
6048
  border-left-color: #ffd939;
5733
6049
  }
5734
6050
 
6051
+ .e-grid .e-frozenheader.e-frozen-right-header.e-frozenborderdisabled > .e-table,
6052
+ .e-grid .e-frozencontent.e-frozen-right-content.e-frozenborderdisabled > .e-table {
6053
+ border-left-color: #000;
6054
+ }
6055
+
5735
6056
  .e-grid.e-rtl .e-frozenheader > .e-table,
5736
6057
  .e-grid.e-rtl .e-frozencontent > .e-table,
5737
6058
  .e-grid.e-rtl .e-frozenheader .e-virtualtable > .e-table,
@@ -5744,11 +6065,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5744
6065
  border-right-color: #ffd939;
5745
6066
  }
5746
6067
 
5747
- .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),
5748
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
6068
+ .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),
6069
+ .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),
5749
6070
  .e-grid.e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5750
6071
  .e-grid.e-rtl .e-gridhover tr[role='row']:hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
5751
- .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
6072
+ .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) {
5752
6073
  background-color: #685708;
5753
6074
  color: #fff;
5754
6075
  }