@syncfusion/ej2-react-grids 19.2.59 → 19.3.44

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 (63) hide show
  1. package/CHANGELOG.md +54 -0
  2. package/dist/ej2-react-grids.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +265 -69
  5. package/styles/bootstrap.css +263 -67
  6. package/styles/bootstrap4.css +248 -52
  7. package/styles/bootstrap5-dark.css +6088 -0
  8. package/styles/bootstrap5-dark.scss +3 -0
  9. package/styles/bootstrap5.css +6088 -0
  10. package/styles/bootstrap5.scss +3 -0
  11. package/styles/excel-filter/bootstrap-dark.css +15 -3
  12. package/styles/excel-filter/bootstrap.css +14 -2
  13. package/styles/excel-filter/bootstrap4.css +15 -3
  14. package/styles/excel-filter/bootstrap5-dark.css +618 -0
  15. package/styles/excel-filter/bootstrap5-dark.scss +1 -0
  16. package/styles/excel-filter/bootstrap5.css +618 -0
  17. package/styles/excel-filter/bootstrap5.scss +1 -0
  18. package/styles/excel-filter/fabric-dark.css +14 -2
  19. package/styles/excel-filter/fabric.css +13 -1
  20. package/styles/excel-filter/highcontrast-light.css +14 -2
  21. package/styles/excel-filter/highcontrast.css +13 -1
  22. package/styles/excel-filter/material-dark.css +17 -5
  23. package/styles/excel-filter/material.css +13 -1
  24. package/styles/excel-filter/tailwind-dark.css +21 -5
  25. package/styles/excel-filter/tailwind.css +21 -5
  26. package/styles/fabric-dark.css +233 -37
  27. package/styles/fabric.css +226 -30
  28. package/styles/grid/bootstrap-dark.css +239 -56
  29. package/styles/grid/bootstrap.css +237 -54
  30. package/styles/grid/bootstrap4.css +227 -44
  31. package/styles/grid/bootstrap5-dark.css +4831 -0
  32. package/styles/grid/bootstrap5-dark.scss +1 -0
  33. package/styles/grid/bootstrap5.css +4831 -0
  34. package/styles/grid/bootstrap5.scss +1 -0
  35. package/styles/grid/fabric-dark.css +212 -29
  36. package/styles/grid/fabric.css +212 -29
  37. package/styles/grid/highcontrast-light.css +215 -32
  38. package/styles/grid/highcontrast.css +215 -32
  39. package/styles/grid/material-dark.css +225 -42
  40. package/styles/grid/material.css +208 -25
  41. package/styles/grid/tailwind-dark.css +244 -61
  42. package/styles/grid/tailwind.css +242 -59
  43. package/styles/highcontrast-light.css +230 -34
  44. package/styles/highcontrast.css +231 -35
  45. package/styles/material-dark.css +245 -49
  46. package/styles/material.css +224 -28
  47. package/styles/pager/bootstrap-dark.css +11 -10
  48. package/styles/pager/bootstrap.css +12 -11
  49. package/styles/pager/bootstrap4.css +6 -5
  50. package/styles/pager/bootstrap5-dark.css +779 -0
  51. package/styles/pager/bootstrap5-dark.scss +1 -0
  52. package/styles/pager/bootstrap5.css +779 -0
  53. package/styles/pager/bootstrap5.scss +1 -0
  54. package/styles/pager/fabric-dark.css +7 -6
  55. package/styles/pager/fabric.css +1 -0
  56. package/styles/pager/highcontrast-light.css +1 -0
  57. package/styles/pager/highcontrast.css +3 -2
  58. package/styles/pager/material-dark.css +4 -3
  59. package/styles/pager/material.css +3 -2
  60. package/styles/pager/tailwind-dark.css +8 -7
  61. package/styles/pager/tailwind.css +8 -7
  62. package/styles/tailwind-dark.css +273 -73
  63. package/styles/tailwind.css +271 -71
@@ -58,8 +58,8 @@
58
58
  /*! Pager layout */
59
59
  .e-bigger .e-pager,
60
60
  .e-pager.e-bigger {
61
- font-size: 12px;
62
- padding: 13px 10px 8px;
61
+ font-size: 14px;
62
+ padding: 13px 13px 8px;
63
63
  }
64
64
 
65
65
  .e-bigger .e-pager div.e-icons,
@@ -71,7 +71,7 @@
71
71
  .e-pager.e-bigger div.e-parentmsgbar {
72
72
  padding-bottom: 8px;
73
73
  padding-right: 10px;
74
- padding-top: 11px;
74
+ padding-top: 14px;
75
75
  }
76
76
 
77
77
  .e-bigger .e-pager .e-pagerdropdown,
@@ -94,7 +94,7 @@
94
94
 
95
95
  .e-bigger .e-pager.e-rtl .e-pagercontainer,
96
96
  .e-pager.e-bigger.e-rtl .e-pagercontainer {
97
- margin: 5px 0 -4px 0;
97
+ margin: -4px -4px -4px 0;
98
98
  }
99
99
 
100
100
  @media (max-width: 769px) {
@@ -156,12 +156,12 @@
156
156
  .e-pager.e-bigger .e-numericitem:hover,
157
157
  .e-pager.e-bigger .e-currentitem {
158
158
  border-radius: 5.33333px;
159
- padding: 12px 14px 13px;
159
+ padding: 15px 14px 12px 13px;
160
160
  }
161
161
 
162
162
  .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
163
163
  .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
164
- padding: 12px 14px 13px;
164
+ padding: 15px 14px 12px 13px;
165
165
  }
166
166
 
167
167
  .e-bigger .e-pager.e-rtl .e-spacing,
@@ -171,12 +171,12 @@
171
171
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
172
172
  .e-pager.e-bigger.e-rtl .e-currentitem {
173
173
  margin: 0;
174
- padding: 12px 14px 13px 14px;
174
+ padding: 15px 14px 12px 13px;
175
175
  }
176
176
 
177
177
  .e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
178
178
  .e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
179
- padding: 12px 14px 13px 14px;
179
+ padding: 15px 14px 12px 13px;
180
180
  }
181
181
 
182
182
  .e-bigger .e-pager.e-rtl .e-pp,
@@ -187,6 +187,7 @@
187
187
  .e-pager.e-bigger.e-rtl .e-np,
188
188
  .e-pager.e-bigger.e-rtl .e-pp:hover,
189
189
  .e-pager.e-bigger.e-rtl .e-np:hover {
190
+ font-size: 16px;
190
191
  margin-top: -5px;
191
192
  }
192
193
 
@@ -238,7 +239,7 @@
238
239
  float: right;
239
240
  padding-bottom: 9px;
240
241
  padding-right: 8px;
241
- padding-top: 8px;
242
+ padding-top: 10px;
242
243
  }
243
244
 
244
245
  .e-pager .e-pagesizes {
@@ -296,12 +297,12 @@
296
297
  .e-pager .e-currentitem {
297
298
  border-radius: 4px;
298
299
  cursor: pointer;
299
- padding: 11px 11px 11px 11px;
300
+ padding: 11px 11px 10px 11px;
300
301
  text-decoration: none;
301
302
  }
302
303
 
303
304
  .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
304
- padding: 11px 11px 11px 11px;
305
+ padding: 11px 11px 10px 11px;
305
306
  }
306
307
 
307
308
  .e-pager .e-currentitem {
@@ -1019,9 +1020,14 @@
1019
1020
  }
1020
1021
 
1021
1022
  .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
1023
+ margin-bottom: 1px;
1022
1024
  margin-left: 6px;
1023
1025
  }
1024
1026
 
1027
+ .e-xlflmenu .e-checkbox-wrapper .e-frame {
1028
+ margin-bottom: 1px;
1029
+ }
1030
+
1025
1031
  .e-xlflmenu .e-dlg-content {
1026
1032
  padding-bottom: 5px;
1027
1033
  }
@@ -1044,8 +1050,9 @@
1044
1050
  opacity: 0;
1045
1051
  }
1046
1052
 
1047
- .e-xlflmenu.e-rtl .e-xlfl-optr :first-child {
1053
+ .e-xlflmenu.e-rtl .e-xlfl-optr {
1048
1054
  padding-left: 11.25px;
1055
+ padding-right: 0;
1049
1056
  }
1050
1057
 
1051
1058
  .e-xlflmenu.e-rtl .e-radio + label .e-label {
@@ -1058,6 +1065,11 @@
1058
1065
  margin-right: 13px;
1059
1066
  }
1060
1067
 
1068
+ .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
1069
+ padding-left: 0;
1070
+ padding-right: 25px;
1071
+ }
1072
+
1061
1073
  .e-bigger .e-xlflmenu {
1062
1074
  min-height: 362px;
1063
1075
  }
@@ -1226,6 +1238,7 @@
1226
1238
  .e-excelfilter .e-contextmenu-wrapper ul,
1227
1239
  .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
1228
1240
  border: 0;
1241
+ border-radius: 5px 5px 0 0;
1229
1242
  box-shadow: none;
1230
1243
  max-width: 300px;
1231
1244
  padding-bottom: 4px;
@@ -1288,7 +1301,7 @@
1288
1301
  }
1289
1302
 
1290
1303
  .e-excelfilter .e-dlg-content {
1291
- padding-top: 0;
1304
+ padding-top: 6px;
1292
1305
  }
1293
1306
 
1294
1307
  .e-excelfilter .e-xlsel {
@@ -1427,7 +1440,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1427
1440
  }
1428
1441
 
1429
1442
  .e-grid .e-icon-filter::before,
1430
- .e-grid-menu .e-icon-filter::before {
1443
+ .e-grid .e-icon-filter.e-filtered::before,
1444
+ .e-grid-menu .e-icon-filter::before,
1445
+ .e-grid-menu .e-icon-filter.e-filtered::before {
1431
1446
  content: '\e946';
1432
1447
  }
1433
1448
 
@@ -1517,7 +1532,9 @@ li.e-separator.e-menu-item.e-excel-separator {
1517
1532
  }
1518
1533
 
1519
1534
  .e-grid .e-columnmenu::before,
1520
- .e-grid-menu .e-columnmenu::before {
1535
+ .e-grid .e-columnmenu.e-filtered::before,
1536
+ .e-grid-menu .e-columnmenu::before,
1537
+ .e-grid-menu .e-columnmenu.e-filtered::before {
1521
1538
  content: '\e984';
1522
1539
  }
1523
1540
 
@@ -1690,22 +1707,22 @@ li.e-separator.e-menu-item.e-excel-separator {
1690
1707
 
1691
1708
  .e-bigger .e-grid .e-icons,
1692
1709
  .e-grid.e-bigger .e-icons {
1693
- font-size: 12px;
1710
+ font-size: 14px;
1694
1711
  }
1695
1712
 
1696
1713
  .e-bigger .e-grid .e-gridheader thead .e-icons,
1697
1714
  .e-grid.e-bigger .e-gridheader thead .e-icons {
1698
- font-size: 12px;
1715
+ font-size: 14px;
1699
1716
  }
1700
1717
 
1701
1718
  .e-bigger .e-grid .e-icon-gdownarrow,
1702
1719
  .e-grid.e-bigger .e-icon-gdownarrow {
1703
- font-size: 12px;
1720
+ font-size: 14px;
1704
1721
  }
1705
1722
 
1706
1723
  .e-bigger .e-grid .e-icon-grightarrow,
1707
1724
  .e-grid.e-bigger .e-icon-grightarrow {
1708
- font-size: 12px;
1725
+ font-size: 14px;
1709
1726
  }
1710
1727
 
1711
1728
  .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
@@ -1740,8 +1757,10 @@ li.e-separator.e-menu-item.e-excel-separator {
1740
1757
 
1741
1758
  .e-bigger .e-grid .e-rowcell,
1742
1759
  .e-bigger .e-grid .e-summarycell,
1760
+ .e-bigger .e-grid .e-groupcaption,
1743
1761
  .e-grid.e-bigger .e-rowcell,
1744
- .e-grid.e-bigger .e-summarycell {
1762
+ .e-grid.e-bigger .e-summarycell,
1763
+ .e-grid.e-bigger .e-groupcaption {
1745
1764
  font-size: 14px;
1746
1765
  padding: 8px 8px;
1747
1766
  }
@@ -1781,7 +1800,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1781
1800
 
1782
1801
  .e-bigger .e-grid .e-columnmenu,
1783
1802
  .e-grid.e-bigger .e-columnmenu {
1784
- bottom: 10px;
1803
+ bottom: 31px;
1785
1804
  }
1786
1805
 
1787
1806
  .e-bigger .e-grid.e-device.e-noselect,
@@ -1983,6 +2002,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1983
2002
  padding: 2px 4px 1px;
1984
2003
  }
1985
2004
 
2005
+ .e-bigger .e-grid .e-cloneproperties.e-draganddrop,
2006
+ .e-grid.e-bigger .e-cloneproperties.e-draganddrop {
2007
+ padding: 2px 4px 1px;
2008
+ }
2009
+
1986
2010
  .e-bigger .e-grid .e-headerclone,
1987
2011
  .e-grid.e-bigger .e-headerclone {
1988
2012
  font-size: 14px;
@@ -1990,7 +2014,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1990
2014
 
1991
2015
  .e-bigger .e-grid .e-groupdroparea.e-grouped,
1992
2016
  .e-grid.e-bigger .e-groupdroparea.e-grouped {
1993
- padding: 0 0 8px;
2017
+ padding: 5px 0 8px;
1994
2018
  }
1995
2019
 
1996
2020
  .e-bigger .e-grid .e-frozenheader table tr td.e-rowcell,
@@ -2028,14 +2052,14 @@ li.e-separator.e-menu-item.e-excel-separator {
2028
2052
  .e-grid.e-bigger .e-groupheadercell:hover {
2029
2053
  border-radius: 6px;
2030
2054
  height: 51px;
2031
- margin: 10px 0 0 8px;
2032
- padding: 6px 0;
2033
- font-size: 14px;
2055
+ margin: 6px 0 0 12px;
2056
+ padding: 9px 0;
2057
+ font-size: 16px;
2034
2058
  }
2035
2059
 
2036
2060
  .e-bigger .e-grid .e-groupheadercell:hover,
2037
2061
  .e-grid.e-bigger .e-groupheadercell:hover {
2038
- padding: 6px 0;
2062
+ padding: 9px 0;
2039
2063
  }
2040
2064
 
2041
2065
  .e-bigger .e-grid .e-gdclone,
@@ -2188,37 +2212,37 @@ li.e-separator.e-menu-item.e-excel-separator {
2188
2212
  .e-grid.e-bigger span.e-ungroupbutton,
2189
2213
  .e-grid.e-bigger .e-toggleungroup {
2190
2214
  margin-left: -8px;
2191
- margin-top: -1px;
2215
+ margin-top: -4px;
2192
2216
  }
2193
2217
 
2194
2218
  .e-bigger .e-grid span.e-ungroupbutton.e-icons,
2195
2219
  .e-grid.e-bigger span.e-ungroupbutton.e-icons {
2196
- font-size: 12px;
2220
+ font-size: 14px;
2197
2221
  margin-left: -7px;
2198
- margin-top: -1px;
2222
+ margin-top: -3px;
2199
2223
  margin-right: 0;
2200
2224
  }
2201
2225
 
2202
2226
  .e-bigger .e-grid .e-groupsort,
2203
2227
  .e-grid.e-bigger .e-groupsort {
2204
2228
  margin-right: 0;
2205
- margin-top: -1px;
2229
+ margin-top: -4px;
2206
2230
  }
2207
2231
 
2208
2232
  .e-bigger .e-grid.e-rtl .e-groupheadercell,
2209
2233
  .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
2210
2234
  .e-grid.e-bigger.e-rtl .e-groupheadercell,
2211
2235
  .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
2212
- margin: 3px 24px 0 0;
2213
- padding: 4px 6px 4px 9px;
2236
+ margin: 3px 8px 0 0;
2237
+ padding: 9px 0 4px 0;
2214
2238
  }
2215
2239
 
2216
2240
  .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
2217
2241
  .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
2218
2242
  margin-left: 0;
2219
- margin-right: 6px;
2220
- margin-top: 0;
2221
- padding-top: 1px;
2243
+ margin-right: -10px;
2244
+ margin-top: -4px;
2245
+ padding-top: 0;
2222
2246
  }
2223
2247
 
2224
2248
  .e-bigger .e-grid .e-groupcaption,
@@ -2392,7 +2416,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2392
2416
  }
2393
2417
 
2394
2418
  .e-grid .e-icon-rowdragicon {
2395
- font-size: 8px;
2419
+ font-size: 10px;
2396
2420
  text-indent: 11px;
2397
2421
  }
2398
2422
 
@@ -2401,6 +2425,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2401
2425
  border-left: 0;
2402
2426
  border-right: 0;
2403
2427
  border-top: 1px solid #ddd;
2428
+ border-radius: 0;
2404
2429
  }
2405
2430
 
2406
2431
  .e-grid .e-res-toolbar {
@@ -2412,6 +2437,15 @@ li.e-separator.e-menu-item.e-excel-separator {
2412
2437
  min-height: initial;
2413
2438
  }
2414
2439
 
2440
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:hover,
2441
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:active,
2442
+ .e-grid .e-res-toolbar .e-toolbar-items .e-tbar-btn:focus,
2443
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:hover,
2444
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:active,
2445
+ .e-grid .e-res-toolbar .e-toolbar-items .e-search-icon:focus {
2446
+ background: none;
2447
+ }
2448
+
2415
2449
  .e-grid .e-res-toolbar .e-toolbar-items .e-icons {
2416
2450
  color: #333;
2417
2451
  }
@@ -2640,6 +2674,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2640
2674
  width: 4px;
2641
2675
  }
2642
2676
 
2677
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rhandler:last-of-type,
2678
+ .e-grid .e-gridheader .e-frozenheader .e-headercell .e-rsuppress:last-of-type {
2679
+ right: -1px;
2680
+ }
2681
+
2643
2682
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rhandler,
2644
2683
  .e-grid .e-gridheader .e-frozenheader.e-frozen-right-header .e-headercell .e-rsuppress {
2645
2684
  left: 0;
@@ -2807,7 +2846,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2807
2846
 
2808
2847
  .e-grid .e-gridheader {
2809
2848
  border-bottom-style: solid;
2810
- border-bottom-width: 2px;
2849
+ border-bottom-width: 1px;
2811
2850
  border-top-style: solid;
2812
2851
  border-top-width: 1px;
2813
2852
  }
@@ -2818,7 +2857,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2818
2857
 
2819
2858
  .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
2820
2859
  border-top-style: solid;
2821
- border-top-width: 2px;
2860
+ border-top-width: 1px;
2822
2861
  }
2823
2862
 
2824
2863
  .e-grid.e-bothlines .e-filterbarcell,
@@ -3249,6 +3288,11 @@ li.e-separator.e-menu-item.e-excel-separator {
3249
3288
  box-sizing: border-box;
3250
3289
  }
3251
3290
 
3291
+ .e-grid .e-rowdragdropcell {
3292
+ border-style: solid;
3293
+ border-width: 1px 0 0;
3294
+ }
3295
+
3252
3296
  .e-grid .e-detailrowcollapse,
3253
3297
  .e-grid .e-detailrowexpand {
3254
3298
  border-style: solid;
@@ -3291,7 +3335,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3291
3335
  }
3292
3336
 
3293
3337
  .e-grid.e-horizontallines .e-filterbarcell {
3294
- border-width: 2px 0 0;
3338
+ border-width: 1px 0 0;
3295
3339
  }
3296
3340
 
3297
3341
  .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
@@ -3375,7 +3419,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3375
3419
  .e-grid.e-rtl .e-searchclear {
3376
3420
  float: left;
3377
3421
  position: relative;
3378
- top: 10px;
3379
3422
  }
3380
3423
 
3381
3424
  .e-grid .e-checkboxlist {
@@ -3385,6 +3428,16 @@ li.e-separator.e-menu-item.e-excel-separator {
3385
3428
  overflow-y: auto;
3386
3429
  }
3387
3430
 
3431
+ .e-grid .e-checkfltrnmdiv {
3432
+ height: 60px;
3433
+ padding: 23px;
3434
+ text-align: center;
3435
+ }
3436
+
3437
+ .e-grid .e-checkboxlist > span {
3438
+ padding-left: 8px;
3439
+ }
3440
+
3388
3441
  .e-grid .e-chk-hidden {
3389
3442
  -moz-appearance: none;
3390
3443
  height: 1px;
@@ -3411,8 +3464,13 @@ li.e-separator.e-menu-item.e-excel-separator {
3411
3464
  min-width: 250px;
3412
3465
  }
3413
3466
 
3467
+ .e-grid .e-dialog.e-checkboxfilter .e-dlg-content,
3468
+ .e-grid .e-dialog.e-flmenu .e-dlg-content {
3469
+ border-radius: 6px;
3470
+ }
3471
+
3414
3472
  .e-grid .e-dialog.e-checkboxfilter {
3415
- min-height: 348px;
3473
+ min-height: 338px;
3416
3474
  }
3417
3475
 
3418
3476
  .e-grid .e-checkboxfilter .e-searchbox {
@@ -3589,9 +3647,9 @@ li.e-separator.e-menu-item.e-excel-separator {
3589
3647
 
3590
3648
  .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
3591
3649
  .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3592
- font-size: 7px;
3650
+ font-size: 10px;
3593
3651
  margin-left: 0;
3594
- margin-top: 0;
3652
+ margin-top: -1.5px;
3595
3653
  position: absolute;
3596
3654
  z-index: 10;
3597
3655
  }
@@ -3748,12 +3806,12 @@ li.e-separator.e-menu-item.e-excel-separator {
3748
3806
  }
3749
3807
 
3750
3808
  .e-grid .e-icon-gdownarrow {
3751
- font-size: 8px;
3809
+ font-size: 10px;
3752
3810
  text-indent: 11px;
3753
3811
  }
3754
3812
 
3755
3813
  .e-grid .e-icon-grightarrow {
3756
- font-size: 8px;
3814
+ font-size: 10px;
3757
3815
  text-indent: 11px;
3758
3816
  }
3759
3817
 
@@ -3827,6 +3885,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3827
3885
  line-height: 3;
3828
3886
  }
3829
3887
 
3888
+ .e-grid .e-toolbar .e-toolbar-items .e-toolbar-right .e-cc-toolbar .e-tbar-btn .e-columnchooser-btn {
3889
+ margin-top: 2px;
3890
+ }
3891
+
3830
3892
  .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
3831
3893
  margin-top: 0;
3832
3894
  padding: 3px 0 0;
@@ -4326,6 +4388,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4326
4388
 
4327
4389
  .e-grid.e-rtl .e-groupheadercell span {
4328
4390
  float: right;
4391
+ padding: 0 8px;
4329
4392
  }
4330
4393
 
4331
4394
  .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
@@ -4355,7 +4418,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4355
4418
 
4356
4419
  .e-grid.e-rtl tr td:first-child,
4357
4420
  .e-grid.e-rtl tr th:first-child {
4358
- border-left-width: 1px;
4421
+ border-left-width: 0;
4359
4422
  }
4360
4423
 
4361
4424
  .e-grid.e-rtl.e-default.e-bothlines tr td:first-child:not(.e-summarycell),
@@ -4472,8 +4535,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4472
4535
 
4473
4536
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
4474
4537
  margin-left: 0;
4475
- margin-right: -6px;
4476
- padding-top: 1px;
4538
+ margin-right: -10px;
4539
+ padding-top: 0;
4477
4540
  }
4478
4541
 
4479
4542
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell,
@@ -4536,7 +4599,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4536
4599
  }
4537
4600
 
4538
4601
  .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
4539
- border-width: 2px 0 0;
4602
+ border-width: 1px 0 0;
4540
4603
  }
4541
4604
 
4542
4605
  .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
@@ -4561,7 +4624,7 @@ li.e-separator.e-menu-item.e-excel-separator {
4561
4624
  .e-grid.e-rtl .e-groupheadercell:hover {
4562
4625
  margin-left: 0;
4563
4626
  margin-right: 8px;
4564
- padding: 6px 0;
4627
+ padding: 7px 0;
4565
4628
  }
4566
4629
 
4567
4630
  .e-grid.e-rtl .e-groupheadercell,
@@ -4766,6 +4829,35 @@ li.e-separator.e-menu-item.e-excel-separator {
4766
4829
  white-space: nowrap;
4767
4830
  }
4768
4831
 
4832
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4833
+ .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
4834
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
4835
+ .e-bigger.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
4836
+ font-size: 10px;
4837
+ margin-top: -1.5px;
4838
+ }
4839
+
4840
+ .e-bigger .e-grid .e-gridheader thead .e-icons,
4841
+ .e-bigger.e-grid .e-gridheader thead .e-icons {
4842
+ font-size: 14px;
4843
+ }
4844
+
4845
+ .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
4846
+ .e-bigger.e-grid .e-ccdlg .e-cc-searchdiv {
4847
+ padding-left: 0;
4848
+ padding-right: 4px;
4849
+ }
4850
+
4851
+ .e-bigger .e-grid.e-rtl .e-columnmenu,
4852
+ .e-bigger.e-grid.e-rtl .e-columnmenu {
4853
+ margin: -19px -18px -18px 1px;
4854
+ }
4855
+
4856
+ .e-bigger .e-grid.e-rtl .e-groupheadercell span,
4857
+ .e-bigger.e-grid.e-rtl .e-groupheadercell span {
4858
+ padding: 0 8px;
4859
+ }
4860
+
4769
4861
  .e-grid-min-height .e-rowcell {
4770
4862
  line-height: 0;
4771
4863
  padding-bottom: 0;
@@ -4892,6 +4984,29 @@ li.e-separator.e-menu-item.e-excel-separator {
4892
4984
  position: relative;
4893
4985
  }
4894
4986
 
4987
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
4988
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
4989
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus,
4990
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover,
4991
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active,
4992
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus {
4993
+ background: none;
4994
+ }
4995
+
4996
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
4997
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
4998
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons,
4999
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:hover .e-icons,
5000
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:active .e-icons,
5001
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-tbar-btn:focus .e-icons {
5002
+ padding-bottom: 0;
5003
+ }
5004
+
5005
+ .e-bigger .e-grid.e-row-responsive .e-toolbar .e-search-icon,
5006
+ .e-bigger.e-grid.e-row-responsive .e-toolbar .e-search-icon {
5007
+ background: none;
5008
+ }
5009
+
4895
5010
  .e-bigger .e-grid.e-row-responsive .e-responsive-header,
4896
5011
  .e-bigger.e-grid.e-row-responsive .e-responsive-header {
4897
5012
  border-top: 1px solid;
@@ -4961,14 +5076,6 @@ li.e-separator.e-menu-item.e-excel-separator {
4961
5076
  height: auto;
4962
5077
  }
4963
5078
 
4964
- .e-bigger .e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4965
- .e-bigger .e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type,
4966
- .e-bigger.e-grid.e-row-responsive .e-gridcontent td.e-lastrowcell:last-of-type,
4967
- .e-bigger.e-grid.e-row-responsive .e-summarycontent td.e-lastrowcell:last-of-type {
4968
- border-bottom: 1px solid;
4969
- border-bottom-color: #ddd;
4970
- }
4971
-
4972
5079
  .e-bigger .e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
4973
5080
  .e-bigger .e-grid.e-row-responsive .e-summarycontent .e-emptyrow td.e-lastrowcell,
4974
5081
  .e-bigger.e-grid.e-row-responsive .e-gridcontent .e-emptyrow td.e-lastrowcell,
@@ -5024,6 +5131,11 @@ li.e-separator.e-menu-item.e-excel-separator {
5024
5131
  border: 0;
5025
5132
  }
5026
5133
 
5134
+ .e-bigger .e-responsive-dialog.e-customfilter .e-responsivecoldiv,
5135
+ .e-bigger.e-responsive-dialog.e-customfilter .e-responsivecoldiv {
5136
+ cursor: pointer;
5137
+ }
5138
+
5027
5139
  .e-bigger .e-responsive-dialog .e-btn.e-ripple,
5028
5140
  .e-bigger.e-responsive-dialog .e-btn.e-ripple {
5029
5141
  overflow: initial;
@@ -5134,12 +5246,23 @@ li.e-separator.e-menu-item.e-excel-separator {
5134
5246
  padding-left: 0;
5135
5247
  }
5136
5248
 
5249
+ .e-bigger .e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn,
5250
+ .e-bigger.e-responsive-dialog.e-rtl .e-dlg-header-content .e-res-back-btn {
5251
+ padding-left: 15px;
5252
+ padding-right: 0;
5253
+ }
5254
+
5137
5255
  .e-bigger .e-responsive-dialog .e-dlg-content,
5138
5256
  .e-bigger.e-responsive-dialog .e-dlg-content {
5139
5257
  padding: 16px;
5140
5258
  padding-top: 0;
5141
5259
  }
5142
5260
 
5261
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv,
5262
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-checkfltrnmdiv {
5263
+ text-align: center;
5264
+ }
5265
+
5143
5266
  .e-bigger .e-responsive-dialog .e-dlg-content .e-filtersetdiv,
5144
5267
  .e-bigger.e-responsive-dialog .e-dlg-content .e-filtersetdiv {
5145
5268
  float: right;
@@ -5157,12 +5280,28 @@ li.e-separator.e-menu-item.e-excel-separator {
5157
5280
  box-shadow: none;
5158
5281
  }
5159
5282
 
5283
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter,
5284
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter {
5285
+ border: transparent;
5286
+ }
5287
+
5160
5288
  .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content,
5161
5289
  .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-dlg-content {
5162
- padding: 0;
5290
+ background-color: #fff;
5291
+ padding: 8px;
5163
5292
  padding-right: 16px;
5164
5293
  }
5165
5294
 
5295
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span,
5296
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-excelfilter .e-checkboxlist > span {
5297
+ padding-left: 9px;
5298
+ }
5299
+
5300
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu,
5301
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu {
5302
+ border: transparent;
5303
+ }
5304
+
5166
5305
  .e-bigger .e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content,
5167
5306
  .e-bigger.e-responsive-dialog .e-dlg-content .e-xlflmenu .e-dlg-content {
5168
5307
  padding: 16px;
@@ -5196,9 +5335,20 @@ li.e-separator.e-menu-item.e-excel-separator {
5196
5335
 
5197
5336
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul,
5198
5337
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul {
5338
+ background-color: #fff;
5199
5339
  max-width: 100%;
5200
5340
  }
5201
5341
 
5342
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li,
5343
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li {
5344
+ color: #333333;
5345
+ }
5346
+
5347
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected,
5348
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu.e-selected {
5349
+ background-color: #fff;
5350
+ }
5351
+
5202
5352
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu,
5203
5353
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu {
5204
5354
  padding: 0;
@@ -5207,6 +5357,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5207
5357
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon,
5208
5358
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-menu-icon {
5209
5359
  margin-right: 4px;
5360
+ margin-left: 15px;
5210
5361
  }
5211
5362
 
5212
5363
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul .e-submenu .e-caret,
@@ -5222,7 +5373,16 @@ li.e-separator.e-menu-item.e-excel-separator {
5222
5373
 
5223
5374
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox,
5224
5375
  .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox {
5225
- padding-left: 20px;
5376
+ padding-left: 10px;
5377
+ }
5378
+
5379
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5380
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5381
+ .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover,
5382
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:focus,
5383
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:active,
5384
+ .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-searchbox .e-search-icon:hover {
5385
+ background: none;
5226
5386
  }
5227
5387
 
5228
5388
  .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner,
@@ -5274,7 +5434,10 @@ li.e-separator.e-menu-item.e-excel-separator {
5274
5434
 
5275
5435
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu,
5276
5436
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu {
5437
+ background-color: #fff;
5438
+ border: transparent;
5277
5439
  box-shadow: none;
5440
+ margin-top: 23px;
5278
5441
  max-width: 100%;
5279
5442
  min-width: 100%;
5280
5443
  overflow-y: auto;
@@ -5289,7 +5452,30 @@ li.e-separator.e-menu-item.e-excel-separator {
5289
5452
 
5290
5453
  .e-bigger .e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused,
5291
5454
  .e-bigger.e-responsive-dialog .e-res-contextmenu-wrapper .e-contextmenu .e-menu-item.e-focused {
5292
- background-color: #fff;
5455
+ background-color: transparent;
5456
+ }
5457
+
5458
+ .e-bigger .e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn,
5459
+ .e-bigger.e-responsive-dialog.e-ressortdiv .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-apply-btn {
5460
+ padding-top: 0;
5461
+ }
5462
+
5463
+ .e-bigger .e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn,
5464
+ .e-bigger.e-responsive-dialog.e-rtl .e-btn.e-dlg-closeicon-btn {
5465
+ float: right;
5466
+ padding-left: 40px;
5467
+ padding-right: 0;
5468
+ }
5469
+
5470
+ .e-bigger .e-responsive-dialog.e-rtl .e-res-apply-btn,
5471
+ .e-bigger.e-responsive-dialog.e-rtl .e-res-apply-btn {
5472
+ padding-left: 0;
5473
+ padding-right: 20px;
5474
+ }
5475
+
5476
+ .e-bigger .e-responsive-dialog.e-rtl .e-ressortbutton-parent,
5477
+ .e-bigger.e-responsive-dialog.e-rtl .e-ressortbutton-parent {
5478
+ float: left;
5293
5479
  }
5294
5480
 
5295
5481
  /*! Grid theme */
@@ -5438,12 +5624,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5438
5624
  border-right-color: #ddd;
5439
5625
  }
5440
5626
 
5441
- .e-grid .e-rowcell:not(.e-editedbatchcell),
5442
- .e-grid .e-detailrowcollapse:not(.e-editedbatchcell),
5443
- .e-grid .e-detailrowexpand:not(.e-editedbatchcell),
5444
- .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell),
5445
- .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell),
5446
- .e-grid .e-emptyrow:not(.e-editedbatchcell) {
5627
+ .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd),
5628
+ .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd),
5629
+ .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd),
5630
+ .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5631
+ .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd),
5632
+ .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
5447
5633
  color: #333333;
5448
5634
  }
5449
5635
 
@@ -5467,6 +5653,7 @@ li.e-separator.e-menu-item.e-excel-separator {
5467
5653
  .e-grid .e-indentcell,
5468
5654
  .e-grid .e-recordplusexpand,
5469
5655
  .e-grid .e-recordpluscollapse,
5656
+ .e-grid .e-rowdragdropcell,
5470
5657
  .e-grid .e-detailrowcollapse,
5471
5658
  .e-grid .e-detailrowexpand,
5472
5659
  .e-grid .e-detailindentcell,
@@ -5838,3 +6025,12 @@ li.e-separator.e-menu-item.e-excel-separator {
5838
6025
  .e-filterbardropdown:not(.e-rtl) {
5839
6026
  margin-right: 29px;
5840
6027
  }
6028
+
6029
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown {
6030
+ border: transparent;
6031
+ }
6032
+
6033
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown:active,
6034
+ .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group .e-filterbardropdown.e-input-focus {
6035
+ box-shadow: none;
6036
+ }