@syncfusion/ej2-angular-grids 20.4.38 → 20.4.39

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 (78) hide show
  1. package/README.md +122 -55
  2. package/esm2020/src/pager/pager.component.mjs +4 -4
  3. package/fesm2015/syncfusion-ej2-angular-grids.mjs +3 -3
  4. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  5. package/fesm2020/syncfusion-ej2-angular-grids.mjs +3 -3
  6. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/pager/pager.component.d.ts +5 -1
  9. package/styles/bootstrap-dark.css +28 -24
  10. package/styles/bootstrap.css +25 -21
  11. package/styles/bootstrap4.css +39 -31
  12. package/styles/bootstrap5-dark.css +35 -27
  13. package/styles/bootstrap5.css +35 -27
  14. package/styles/fabric-dark.css +42 -38
  15. package/styles/fabric.css +37 -33
  16. package/styles/fluent-dark.css +23 -19
  17. package/styles/fluent.css +23 -19
  18. package/styles/grid/_bootstrap-dark-definition.scss +18 -18
  19. package/styles/grid/_bootstrap-definition.scss +16 -16
  20. package/styles/grid/_bootstrap4-definition.scss +23 -23
  21. package/styles/grid/_bootstrap5-definition.scss +20 -20
  22. package/styles/grid/_fabric-dark-definition.scss +25 -25
  23. package/styles/grid/_fabric-definition.scss +23 -23
  24. package/styles/grid/_fluent-definition.scss +14 -14
  25. package/styles/grid/_highcontrast-definition.scss +24 -24
  26. package/styles/grid/_highcontrast-light-definition.scss +22 -22
  27. package/styles/grid/_layout.scss +24 -5
  28. package/styles/grid/_material-dark-definition.scss +24 -24
  29. package/styles/grid/_material-definition.scss +23 -23
  30. package/styles/grid/_tailwind-definition.scss +12 -12
  31. package/styles/grid/bootstrap-dark.css +28 -24
  32. package/styles/grid/bootstrap.css +25 -21
  33. package/styles/grid/bootstrap4.css +39 -31
  34. package/styles/grid/bootstrap5-dark.css +35 -27
  35. package/styles/grid/bootstrap5.css +35 -27
  36. package/styles/grid/fabric-dark.css +42 -38
  37. package/styles/grid/fabric.css +37 -33
  38. package/styles/grid/fluent-dark.css +23 -19
  39. package/styles/grid/fluent.css +23 -19
  40. package/styles/grid/highcontrast-light.css +40 -36
  41. package/styles/grid/highcontrast.css +42 -38
  42. package/styles/grid/material-dark.css +39 -35
  43. package/styles/grid/material.css +38 -34
  44. package/styles/grid/tailwind-dark.css +21 -17
  45. package/styles/grid/tailwind.css +21 -17
  46. package/styles/highcontrast-light.css +40 -36
  47. package/styles/highcontrast.css +42 -38
  48. package/styles/material-dark.css +39 -35
  49. package/styles/material.css +38 -34
  50. package/styles/tailwind-dark.css +21 -17
  51. package/styles/tailwind.css +21 -17
  52. package/schematics/collection.json +0 -20
  53. package/schematics/generators/grid-default/index.d.ts +0 -3
  54. package/schematics/generators/grid-default/index.js +0 -8
  55. package/schematics/generators/grid-default/sample-details.d.ts +0 -5
  56. package/schematics/generators/grid-default/sample-details.js +0 -7
  57. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  58. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  59. package/schematics/generators/grid-default/schema.d.ts +0 -3
  60. package/schematics/generators/grid-default/schema.js +0 -2
  61. package/schematics/generators/grid-default/schema.json +0 -125
  62. package/schematics/generators/grid-feature/index.d.ts +0 -3
  63. package/schematics/generators/grid-feature/index.js +0 -8
  64. package/schematics/generators/grid-feature/sample-details.d.ts +0 -5
  65. package/schematics/generators/grid-feature/sample-details.js +0 -7
  66. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  67. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  68. package/schematics/generators/grid-feature/schema.d.ts +0 -3
  69. package/schematics/generators/grid-feature/schema.js +0 -2
  70. package/schematics/generators/grid-feature/schema.json +0 -125
  71. package/schematics/ng-add/index.d.ts +0 -3
  72. package/schematics/ng-add/index.js +0 -9
  73. package/schematics/ng-add/schema.d.ts +0 -13
  74. package/schematics/ng-add/schema.js +0 -2
  75. package/schematics/ng-add/schema.json +0 -34
  76. package/schematics/tsconfig.json +0 -25
  77. package/schematics/utils/lib-details.d.ts +0 -4
  78. package/schematics/utils/lib-details.js +0 -6
@@ -944,7 +944,7 @@ li.e-separator.e-menu-item.e-excel-separator {
944
944
  }
945
945
  .e-bigger .e-grid .e-sortfilterdiv,
946
946
  .e-grid.e-bigger .e-sortfilterdiv {
947
- margin: -23px 6px;
947
+ margin: -23px -4px;
948
948
  }
949
949
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
950
950
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
@@ -983,12 +983,12 @@ li.e-separator.e-menu-item.e-excel-separator {
983
983
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
984
984
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
985
985
  float: left;
986
- margin: 9px 0 0 15px;
986
+ margin: 7px 0 0 15px;
987
987
  }
988
988
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
989
989
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
990
990
  float: left;
991
- margin: 9px 0 0 15px;
991
+ margin: 7px 0 0 15px;
992
992
  }
993
993
  .e-bigger .e-grid .e-sortnumber,
994
994
  .e-grid.e-bigger .e-sortnumber {
@@ -998,13 +998,13 @@ li.e-separator.e-menu-item.e-excel-separator {
998
998
  font-size: 9px;
999
999
  height: 15px;
1000
1000
  line-height: 15px;
1001
- margin: 9px 5px 0 2px;
1001
+ margin: 7px 5px 0 2px;
1002
1002
  text-align: center;
1003
1003
  width: 15px;
1004
1004
  }
1005
1005
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
1006
1006
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
1007
- margin: 9px 5px 0 2px;
1007
+ margin: 7px 5px 0 2px;
1008
1008
  }
1009
1009
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1010
1010
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -1017,15 +1017,15 @@ li.e-separator.e-menu-item.e-excel-separator {
1017
1017
  }
1018
1018
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
1019
1019
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
1020
- margin: -22px 0 0 22px;
1020
+ margin: -22px 0 0 -4px;
1021
1021
  }
1022
1022
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
1023
1023
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1024
- margin: -23px 0 0 -7px;
1024
+ margin: -22px 0 0 -7px;
1025
1025
  }
1026
1026
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1027
1027
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1028
- margin: -23px 0 0 5px;
1028
+ margin: -22px 0 0 12px;
1029
1029
  }
1030
1030
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
1031
1031
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -1038,16 +1038,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1038
1038
  .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
1039
1039
  .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
1040
1040
  .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
1041
- margin: 9px 0 0 3px;
1041
+ margin: 6px 0 0 3px;
1042
1042
  }
1043
1043
  .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
1044
1044
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
1045
1045
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
1046
- margin: 9px 0 0 3px;
1046
+ margin: 6px 0.7em 0 12px;
1047
1047
  }
1048
1048
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
1049
1049
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
1050
- margin: 9px 0 0 3px;
1050
+ margin: 6px 0 0 3px;
1051
1051
  }
1052
1052
  .e-bigger .e-grid .e-rowcell,
1053
1053
  .e-bigger .e-grid .e-summarycell,
@@ -1106,7 +1106,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1106
1106
  .e-bigger .e-grid.e-bigger .e-columnmenu,
1107
1107
  .e-grid.e-bigger.e-bigger .e-columnmenu {
1108
1108
  bottom: 16px;
1109
- margin: -8px -7px;
1109
+ margin: -25px -20px;
1110
1110
  }
1111
1111
  .e-bigger .e-grid .e-columnmenu,
1112
1112
  .e-grid.e-bigger .e-columnmenu {
@@ -1517,6 +1517,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1517
1517
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1518
1518
  font-size: 12px;
1519
1519
  }
1520
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1521
+ background: none;
1522
+ box-shadow: none;
1523
+ }
1524
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1525
+ border: none;
1526
+ }
1520
1527
  .e-grid .e-res-toolbar {
1521
1528
  border-bottom: 1px solid;
1522
1529
  border-bottom-color: #414040;
@@ -2016,7 +2023,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2016
2023
  text-overflow: ellipsis;
2017
2024
  white-space: nowrap;
2018
2025
  }
2019
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2026
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2020
2027
  text-overflow: clip;
2021
2028
  }
2022
2029
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2070,7 +2077,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2070
2077
  .e-grid .e-sortfilterdiv {
2071
2078
  float: right;
2072
2079
  height: 16px;
2073
- margin: -21px 11px;
2080
+ margin: -21px -2px 0 0;
2074
2081
  padding: 2px;
2075
2082
  width: 16px;
2076
2083
  }
@@ -2080,7 +2087,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2080
2087
  }
2081
2088
  .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
2082
2089
  .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
2083
- padding: 0;
2090
+ padding: 0 0 0 1em;
2084
2091
  }
2085
2092
  .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
2086
2093
  margin: 0 20px 0 10px;
@@ -2139,20 +2146,20 @@ li.e-separator.e-menu-item.e-excel-separator {
2139
2146
  font-size: 9px;
2140
2147
  height: 15px;
2141
2148
  line-height: 15px;
2142
- margin: 9px 5px 0 2px;
2149
+ margin: 7px 5px 0 2px;
2143
2150
  text-align: center;
2144
2151
  width: 15px;
2145
2152
  }
2146
2153
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
2147
- margin: 9px 5px 0 2px;
2154
+ margin: 7px 5px 0 2px;
2148
2155
  }
2149
2156
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2150
2157
  float: left;
2151
- margin: 9px 0 0 15px;
2158
+ margin: 7px 0 0 7px;
2152
2159
  }
2153
2160
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2154
2161
  float: left;
2155
- margin: 9px 0 0 15px;
2162
+ margin: 7px 0 0 15px;
2156
2163
  }
2157
2164
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2158
2165
  margin: -20px 20px 0 0;
@@ -2186,7 +2193,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2186
2193
  .e-grid.e-rtl .e-columnmenu {
2187
2194
  left: 5px;
2188
2195
  right: auto;
2189
- margin: -17px -18px -18px 1px;
2196
+ margin: -25px -18px -18px 1px;
2190
2197
  }
2191
2198
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2192
2199
  margin: -21px -13px -23px -3px;
@@ -2624,13 +2631,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2624
2631
  font-size: 12px;
2625
2632
  padding: 16px 8px 13px 9px;
2626
2633
  text-decoration: none;
2627
- text-indent: 8px;
2628
2634
  }
2629
2635
  .e-grid .e-icon-grightarrow {
2630
2636
  font-size: 12px;
2631
2637
  padding: 14px 9px 15px 9px;
2632
2638
  text-decoration: none;
2633
- text-indent: 8px;
2634
2639
  }
2635
2640
  .e-grid .e-recordplusexpand {
2636
2641
  padding-top: 5px;
@@ -3000,53 +3005,53 @@ li.e-separator.e-menu-item.e-excel-separator {
3000
3005
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv,
3001
3006
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv,
3002
3007
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv {
3003
- padding: 1px 0;
3008
+ padding: 0 0.7em 0 25px;
3004
3009
  text-align: right;
3005
3010
  }
3006
3011
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
3007
3012
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
3008
3013
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
3009
3014
  float: left;
3010
- margin: 7px 0 0 3px;
3015
+ margin: 7px 0 0 28px;
3011
3016
  }
3012
3017
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
3013
3018
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
3014
3019
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
3015
- padding: 1px 0;
3020
+ padding: 0 0.7em 0 25px;
3016
3021
  text-align: right;
3017
3022
  }
3018
3023
  .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
3019
3024
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
3020
3025
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
3021
3026
  float: left;
3022
- margin: 7px 0 0 3px;
3027
+ margin: 7px 0 0 28px;
3023
3028
  }
3024
3029
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
3025
3030
  border-width: 1px;
3026
3031
  }
3027
3032
  .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
3028
3033
  float: left;
3029
- margin: -22px 0 0 10px;
3034
+ margin: -21px 0 0 -3px;
3030
3035
  }
3031
3036
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
3032
3037
  margin-left: 10px;
3033
3038
  }
3034
3039
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
3035
- margin: 8px -10px 0 0;
3040
+ margin: 6px -10px 0 0;
3036
3041
  }
3037
3042
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
3038
3043
  margin-left: -5px;
3039
3044
  }
3040
3045
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
3041
3046
  float: right;
3042
- margin: -14px 3px;
3047
+ margin: -21px 3px;
3043
3048
  }
3044
3049
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
3045
3050
  padding: 0 25px 0 0.7em;
3046
3051
  }
3047
3052
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
3048
3053
  float: right;
3049
- margin: 0 2px 0 0;
3054
+ margin: 6px 2px 0 0;
3050
3055
  }
3051
3056
  .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
3052
3057
  float: left;
@@ -3054,7 +3059,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3054
3059
  }
3055
3060
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
3056
3061
  float: left;
3057
- margin: 7px 0 0 30px;
3062
+ margin: 7px 0 0 10px;
3058
3063
  }
3059
3064
  .e-grid.e-rtl .e-rowcell:first-child,
3060
3065
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -3077,10 +3082,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3077
3082
  margin: -17px 17px;
3078
3083
  }
3079
3084
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3080
- margin: -22px 0 0 10px;
3085
+ margin: -22px 0 0 -3px;
3081
3086
  }
3082
3087
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
3083
- margin: -22px 0 0 22px;
3088
+ margin: -22px 0 0 14px;
3084
3089
  }
3085
3090
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3086
3091
  margin: 0;
@@ -3115,7 +3120,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3115
3120
  border-width: 1px 1px 1px 0;
3116
3121
  }
3117
3122
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
3118
- margin: -22px 0 0 10px;
3123
+ margin: -21px 0 0 -3px;
3119
3124
  }
3120
3125
  .e-grid.e-rtl .e-cloneproperties {
3121
3126
  border-width: 1px 1px 3px;
@@ -3454,10 +3459,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3454
3459
  user-select: none;
3455
3460
  }
3456
3461
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3457
- margin-top: 0;
3462
+ margin-top: 1px;
3458
3463
  }
3459
3464
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3460
- margin-top: 0;
3465
+ margin-top: -1px;
3461
3466
  }
3462
3467
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3463
3468
  background-color: rgba(0, 0, 0, 0.1);
@@ -3472,7 +3477,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3472
3477
  .e-grid.sf-grid .e-frozencontent {
3473
3478
  border-bottom-style: solid;
3474
3479
  height: inherit;
3475
- overflow: hidden;
3476
3480
  }
3477
3481
  .e-grid.sf-grid .e-gridcontent .e-content,
3478
3482
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3514,7 +3518,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3514
3518
  }
3515
3519
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3516
3520
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3517
- margin: -17px -18px -18px 1px;
3521
+ margin: -25px -18px -18px 1px;
3518
3522
  }
3519
3523
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3520
3524
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
package/styles/fabric.css CHANGED
@@ -976,12 +976,12 @@ li.e-separator.e-menu-item.e-excel-separator {
976
976
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber,
977
977
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
978
978
  float: left;
979
- margin: 9px 0 0;
979
+ margin: 7px 0 0;
980
980
  }
981
981
  .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortnumber,
982
982
  .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortnumber {
983
983
  float: left;
984
- margin: 9px 0 0;
984
+ margin: 7px 0 0;
985
985
  }
986
986
  .e-bigger .e-grid .e-sortnumber,
987
987
  .e-grid.e-bigger .e-sortnumber {
@@ -991,13 +991,13 @@ li.e-separator.e-menu-item.e-excel-separator {
991
991
  font-size: 9px;
992
992
  height: 15px;
993
993
  line-height: 15px;
994
- margin: 9px 2px 0;
994
+ margin: 7px -2px 0;
995
995
  text-align: center;
996
996
  width: 15px;
997
997
  }
998
998
  .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortnumber,
999
999
  .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortnumber {
1000
- margin: 9px 2px 0;
1000
+ margin: 7px -2px 0;
1001
1001
  }
1002
1002
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1003
1003
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -1010,15 +1010,15 @@ li.e-separator.e-menu-item.e-excel-separator {
1010
1010
  }
1011
1011
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
1012
1012
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
1013
- margin: -22px 0 0 22px;
1013
+ margin: -22px 0 0 -6px;
1014
1014
  }
1015
1015
  .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
1016
1016
  .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
1017
- margin: -23px 0 0 -7px;
1017
+ margin: -22px 0 0 -7px;
1018
1018
  }
1019
1019
  .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1020
1020
  .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1021
- margin: -23px 0 0 5px;
1021
+ margin: -22px 0 0 12px;
1022
1022
  }
1023
1023
  .e-bigger .e-grid.e-rtl .e-filtermenudiv,
1024
1024
  .e-grid.e-bigger.e-rtl .e-filtermenudiv {
@@ -1031,16 +1031,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1031
1031
  .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
1032
1032
  .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
1033
1033
  .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
1034
- margin: 9px 0 0 3px;
1034
+ margin: 7px 0 0 3px;
1035
1035
  }
1036
1036
  .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
1037
1037
  .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
1038
1038
  .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
1039
- margin: 9px 0 0 3px;
1039
+ margin: 7px 0 0 3px;
1040
1040
  }
1041
1041
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
1042
1042
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
1043
- margin: 9px 0 0 3px;
1043
+ margin: 7px 0 0 3px;
1044
1044
  }
1045
1045
  .e-bigger .e-grid .e-rowcell,
1046
1046
  .e-bigger .e-grid .e-summarycell,
@@ -1099,7 +1099,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1099
1099
  .e-bigger .e-grid.e-bigger .e-columnmenu,
1100
1100
  .e-grid.e-bigger.e-bigger .e-columnmenu {
1101
1101
  bottom: 16px;
1102
- margin: -8px -7px;
1102
+ margin: -25px -20px;
1103
1103
  }
1104
1104
  .e-bigger .e-grid .e-columnmenu,
1105
1105
  .e-grid.e-bigger .e-columnmenu {
@@ -1510,6 +1510,13 @@ li.e-separator.e-menu-item.e-excel-separator {
1510
1510
  .e-grid .e-toolbar .e-toolbar-item.e-search-wrapper .e-sicon.e-clear-icon::before {
1511
1511
  font-size: 12px;
1512
1512
  }
1513
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:hover:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:active:not(.e-clear-icon), .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:focus:not(.e-clear-icon) {
1514
+ background: none;
1515
+ box-shadow: none;
1516
+ }
1517
+ .e-grid .e-toolbar-items .e-input-group-icon.e-icons.e-sicon:not(.e-clear-icon) {
1518
+ border: none;
1519
+ }
1513
1520
  .e-grid .e-res-toolbar {
1514
1521
  border-bottom: 1px solid;
1515
1522
  border-bottom-color: #eaeaea;
@@ -2009,7 +2016,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2009
2016
  text-overflow: ellipsis;
2010
2017
  white-space: nowrap;
2011
2018
  }
2012
- .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2019
+ .e-grid.e-responsive .e-rowcell.e-gridchkbox, .e-grid.e-responsive .e-rowcell.e-gridchkbox-cell, .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
2013
2020
  text-overflow: clip;
2014
2021
  }
2015
2022
  .e-grid.e-default .e-headercell, .e-grid.e-default .e-detailheadercell {
@@ -2063,7 +2070,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2063
2070
  .e-grid .e-sortfilterdiv {
2064
2071
  float: right;
2065
2072
  height: 16px;
2066
- margin: -21px 11px;
2073
+ margin: -21px 3px 0 0;
2067
2074
  padding: 2px 2px 2px 4px;
2068
2075
  width: 16px;
2069
2076
  }
@@ -2132,20 +2139,20 @@ li.e-separator.e-menu-item.e-excel-separator {
2132
2139
  font-size: 9px;
2133
2140
  height: 15px;
2134
2141
  line-height: 15px;
2135
- margin: 9px 2px 0;
2142
+ margin: 7px -10px 0;
2136
2143
  text-align: center;
2137
2144
  width: 15px;
2138
2145
  }
2139
2146
  .e-grid .e-gridheader .e-fltr-icon .e-sortnumber {
2140
- margin: 9px 2px 0;
2147
+ margin: 8px -11px 0;
2141
2148
  }
2142
2149
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortnumber {
2143
2150
  float: left;
2144
- margin: 9px 0 0;
2151
+ margin: 8px 0 0;
2145
2152
  }
2146
2153
  .e-grid .e-gridheader .e-rightalign .e-sortnumber {
2147
2154
  float: left;
2148
- margin: 9px 0 0;
2155
+ margin: 7px 0 0;
2149
2156
  }
2150
2157
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2151
2158
  margin: -20px 20px 0 0;
@@ -2179,7 +2186,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2179
2186
  .e-grid.e-rtl .e-columnmenu {
2180
2187
  left: 5px;
2181
2188
  right: auto;
2182
- margin: -17px -18px -18px 1px;
2189
+ margin: -25px -18px -18px 1px;
2183
2190
  }
2184
2191
  .e-grid.e-wrap.e-rtl .e-columnmenu {
2185
2192
  margin: -20px -13px -23px -3px;
@@ -2617,13 +2624,11 @@ li.e-separator.e-menu-item.e-excel-separator {
2617
2624
  font-size: 12px;
2618
2625
  padding: 16px 8px 13px 9px;
2619
2626
  text-decoration: none;
2620
- text-indent: 8px;
2621
2627
  }
2622
2628
  .e-grid .e-icon-grightarrow {
2623
2629
  font-size: 12px;
2624
2630
  padding: 14px 9px 15px 9px;
2625
2631
  text-decoration: none;
2626
- text-indent: 8px;
2627
2632
  }
2628
2633
  .e-grid .e-recordplusexpand {
2629
2634
  padding-top: 5px;
@@ -3019,35 +3024,35 @@ li.e-separator.e-menu-item.e-excel-separator {
3019
3024
  }
3020
3025
  .e-grid.e-rtl .e-headercell .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
3021
3026
  float: left;
3022
- margin: -22px 0 0 10px;
3027
+ margin: -21px 0 0 -3px;
3023
3028
  }
3024
3029
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv {
3025
3030
  margin-left: 10px;
3026
3031
  }
3027
3032
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
3028
- margin: 8px -10px 0 0;
3033
+ margin: 7px -10px 0 0;
3029
3034
  }
3030
3035
  .e-grid.e-rtl .e-headercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign.e-headercell.e-fltr-icon .e-filtermenudiv {
3031
3036
  margin-left: -5px;
3032
3037
  }
3033
3038
  .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
3034
3039
  float: right;
3035
- margin: -14px 3px;
3040
+ margin: -21px 3px;
3036
3041
  }
3037
3042
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
3038
3043
  padding: 0 25px 0 0.7em;
3039
3044
  }
3040
3045
  .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
3041
3046
  float: right;
3042
- margin: 0 2px 0 0;
3047
+ margin: 7px 2px 0 0;
3043
3048
  }
3044
3049
  .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
3045
3050
  float: left;
3046
- margin: 7px 0 0 30px;
3051
+ margin: 7px 0 0 6px;
3047
3052
  }
3048
3053
  .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
3049
3054
  float: left;
3050
- margin: 7px 0 0 30px;
3055
+ margin: 7px 0 0 6px;
3051
3056
  }
3052
3057
  .e-grid.e-rtl .e-rowcell:first-child,
3053
3058
  .e-grid.e-rtl .e-summarycell:first-child {
@@ -3070,10 +3075,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3070
3075
  margin: -17px 17px;
3071
3076
  }
3072
3077
  .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3073
- margin: -22px 0 0 10px;
3078
+ margin: -22px 0 0 -3px;
3074
3079
  }
3075
3080
  .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
3076
- margin: -22px 0 0 22px;
3081
+ margin: -22px 0 0 14px;
3077
3082
  }
3078
3083
  .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
3079
3084
  margin: 0;
@@ -3108,7 +3113,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3108
3113
  border-width: 1px 1px 1px 0;
3109
3114
  }
3110
3115
  .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
3111
- margin: -22px 0 0 10px;
3116
+ margin: -21px 0 0 -3px;
3112
3117
  }
3113
3118
  .e-grid.e-rtl .e-cloneproperties {
3114
3119
  border-width: 1px 1px 3px;
@@ -3447,10 +3452,10 @@ li.e-separator.e-menu-item.e-excel-separator {
3447
3452
  user-select: none;
3448
3453
  }
3449
3454
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
3450
- margin-top: 0;
3455
+ margin-top: 1px;
3451
3456
  }
3452
3457
  .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
3453
- margin-top: 0;
3458
+ margin-top: -1px;
3454
3459
  }
3455
3460
  .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
3456
3461
  background-color: rgba(0, 0, 0, 0.1);
@@ -3465,7 +3470,6 @@ li.e-separator.e-menu-item.e-excel-separator {
3465
3470
  .e-grid.sf-grid .e-frozencontent {
3466
3471
  border-bottom-style: solid;
3467
3472
  height: inherit;
3468
- overflow: hidden;
3469
3473
  }
3470
3474
  .e-grid.sf-grid .e-gridcontent .e-content,
3471
3475
  .e-grid.sf-grid .e-gridcontent .e-content .e-movablecontent {
@@ -3507,7 +3511,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3507
3511
  }
3508
3512
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3509
3513
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3510
- margin: -17px -18px -18px 1px;
3514
+ margin: -25px -18px -18px 1px;
3511
3515
  }
3512
3516
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3513
3517
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {