@syncfusion/blazor-themes 27.2.3 → 27.2.5

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 (205) hide show
  1. package/SCSS-Themes/bds-dark-lite.scss +58 -4
  2. package/SCSS-Themes/bds-dark.scss +62 -6
  3. package/SCSS-Themes/bds-lite.scss +58 -4
  4. package/SCSS-Themes/bds.scss +62 -6
  5. package/SCSS-Themes/bootstrap-dark-lite.scss +58 -4
  6. package/SCSS-Themes/bootstrap-dark.scss +62 -6
  7. package/SCSS-Themes/bootstrap-lite.scss +58 -4
  8. package/SCSS-Themes/bootstrap.scss +62 -6
  9. package/SCSS-Themes/bootstrap4-lite.scss +58 -4
  10. package/SCSS-Themes/bootstrap4.scss +62 -6
  11. package/SCSS-Themes/bootstrap5-dark-lite.scss +58 -4
  12. package/SCSS-Themes/bootstrap5-dark.scss +62 -6
  13. package/SCSS-Themes/bootstrap5-lite.scss +58 -4
  14. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +58 -4
  15. package/SCSS-Themes/bootstrap5.3-dark.scss +62 -6
  16. package/SCSS-Themes/bootstrap5.3-lite.scss +58 -4
  17. package/SCSS-Themes/bootstrap5.3.scss +62 -6
  18. package/SCSS-Themes/bootstrap5.scss +62 -6
  19. package/SCSS-Themes/calendars/calendar/fluent2-dark-lite.scss +8 -4
  20. package/SCSS-Themes/calendars/calendar/fluent2-dark.scss +8 -4
  21. package/SCSS-Themes/calendars/calendar/fluent2-highcontrast-lite.scss +8 -4
  22. package/SCSS-Themes/calendars/calendar/fluent2-highcontrast.scss +8 -4
  23. package/SCSS-Themes/calendars/calendar/fluent2-lite.scss +8 -4
  24. package/SCSS-Themes/calendars/calendar/fluent2.scss +8 -4
  25. package/SCSS-Themes/calendars/daterangepicker/fluent2-dark-lite.scss +5 -1
  26. package/SCSS-Themes/calendars/daterangepicker/fluent2-dark.scss +5 -1
  27. package/SCSS-Themes/calendars/daterangepicker/fluent2-highcontrast-lite.scss +5 -1
  28. package/SCSS-Themes/calendars/daterangepicker/fluent2-highcontrast.scss +5 -1
  29. package/SCSS-Themes/calendars/daterangepicker/fluent2-lite.scss +5 -1
  30. package/SCSS-Themes/calendars/daterangepicker/fluent2.scss +5 -1
  31. package/SCSS-Themes/dropdowns/multi-select/material3-dark-lite.scss +1 -1
  32. package/SCSS-Themes/dropdowns/multi-select/material3-dark.scss +1 -1
  33. package/SCSS-Themes/dropdowns/multi-select/material3-lite.scss +1 -1
  34. package/SCSS-Themes/dropdowns/multi-select/material3.scss +1 -1
  35. package/SCSS-Themes/fabric-dark-lite.scss +58 -4
  36. package/SCSS-Themes/fabric-dark.scss +62 -6
  37. package/SCSS-Themes/fabric-lite.scss +58 -4
  38. package/SCSS-Themes/fabric.scss +62 -6
  39. package/SCSS-Themes/fluent-dark-lite.scss +59 -5
  40. package/SCSS-Themes/fluent-dark.scss +63 -7
  41. package/SCSS-Themes/fluent-lite.scss +59 -5
  42. package/SCSS-Themes/fluent.scss +63 -7
  43. package/SCSS-Themes/fluent2-dark-lite.scss +73 -11
  44. package/SCSS-Themes/fluent2-dark.scss +77 -13
  45. package/SCSS-Themes/fluent2-highcontrast-lite.scss +73 -11
  46. package/SCSS-Themes/fluent2-highcontrast.scss +77 -13
  47. package/SCSS-Themes/fluent2-lite.scss +73 -11
  48. package/SCSS-Themes/fluent2.scss +77 -13
  49. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +21 -4
  50. package/SCSS-Themes/grids/grid/bds-dark.scss +25 -6
  51. package/SCSS-Themes/grids/grid/bds-lite.scss +21 -4
  52. package/SCSS-Themes/grids/grid/bds.scss +25 -6
  53. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +21 -4
  54. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +25 -6
  55. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +21 -4
  56. package/SCSS-Themes/grids/grid/bootstrap.scss +25 -6
  57. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +21 -4
  58. package/SCSS-Themes/grids/grid/bootstrap4.scss +25 -6
  59. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +21 -4
  60. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +25 -6
  61. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +21 -4
  62. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +21 -4
  63. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +25 -6
  64. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +21 -4
  65. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +25 -6
  66. package/SCSS-Themes/grids/grid/bootstrap5.scss +25 -6
  67. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +21 -4
  68. package/SCSS-Themes/grids/grid/fabric-dark.scss +25 -6
  69. package/SCSS-Themes/grids/grid/fabric-lite.scss +21 -4
  70. package/SCSS-Themes/grids/grid/fabric.scss +25 -6
  71. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +21 -4
  72. package/SCSS-Themes/grids/grid/fluent-dark.scss +25 -6
  73. package/SCSS-Themes/grids/grid/fluent-lite.scss +21 -4
  74. package/SCSS-Themes/grids/grid/fluent.scss +25 -6
  75. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +21 -4
  76. package/SCSS-Themes/grids/grid/fluent2-dark.scss +25 -6
  77. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +21 -4
  78. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +25 -6
  79. package/SCSS-Themes/grids/grid/fluent2-lite.scss +21 -4
  80. package/SCSS-Themes/grids/grid/fluent2.scss +25 -6
  81. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +22 -5
  82. package/SCSS-Themes/grids/grid/highcontrast.scss +26 -7
  83. package/SCSS-Themes/grids/grid/material-dark-lite.scss +21 -4
  84. package/SCSS-Themes/grids/grid/material-dark.scss +25 -6
  85. package/SCSS-Themes/grids/grid/material-lite.scss +21 -4
  86. package/SCSS-Themes/grids/grid/material.scss +25 -6
  87. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +21 -4
  88. package/SCSS-Themes/grids/grid/material3-dark.scss +25 -6
  89. package/SCSS-Themes/grids/grid/material3-lite.scss +21 -4
  90. package/SCSS-Themes/grids/grid/material3.scss +25 -6
  91. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +21 -4
  92. package/SCSS-Themes/grids/grid/tailwind-dark.scss +25 -6
  93. package/SCSS-Themes/grids/grid/tailwind-lite.scss +21 -4
  94. package/SCSS-Themes/grids/grid/tailwind.scss +25 -6
  95. package/SCSS-Themes/highcontrast-lite.scss +62 -8
  96. package/SCSS-Themes/highcontrast.scss +66 -10
  97. package/SCSS-Themes/material-dark-lite.scss +58 -4
  98. package/SCSS-Themes/material-dark.scss +62 -6
  99. package/SCSS-Themes/material-lite.scss +58 -4
  100. package/SCSS-Themes/material.scss +62 -6
  101. package/SCSS-Themes/material3-dark-lite.scss +59 -5
  102. package/SCSS-Themes/material3-dark.scss +63 -7
  103. package/SCSS-Themes/material3-lite.scss +59 -5
  104. package/SCSS-Themes/material3.scss +63 -7
  105. package/SCSS-Themes/navigations/pager/tailwind-dark-lite.scss +1 -1
  106. package/SCSS-Themes/navigations/pager/tailwind-dark.scss +1 -1
  107. package/SCSS-Themes/navigations/pager/tailwind-lite.scss +1 -1
  108. package/SCSS-Themes/navigations/pager/tailwind.scss +1 -1
  109. package/SCSS-Themes/navigations/treeview/bds-dark-lite.scss +31 -0
  110. package/SCSS-Themes/navigations/treeview/bds-dark.scss +31 -0
  111. package/SCSS-Themes/navigations/treeview/bds-lite.scss +31 -0
  112. package/SCSS-Themes/navigations/treeview/bds.scss +31 -0
  113. package/SCSS-Themes/navigations/treeview/bootstrap-dark-lite.scss +31 -0
  114. package/SCSS-Themes/navigations/treeview/bootstrap-dark.scss +31 -0
  115. package/SCSS-Themes/navigations/treeview/bootstrap-lite.scss +31 -0
  116. package/SCSS-Themes/navigations/treeview/bootstrap.scss +31 -0
  117. package/SCSS-Themes/navigations/treeview/bootstrap4-lite.scss +31 -0
  118. package/SCSS-Themes/navigations/treeview/bootstrap4.scss +31 -0
  119. package/SCSS-Themes/navigations/treeview/bootstrap5-dark-lite.scss +31 -0
  120. package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss +31 -0
  121. package/SCSS-Themes/navigations/treeview/bootstrap5-lite.scss +31 -0
  122. package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark-lite.scss +31 -0
  123. package/SCSS-Themes/navigations/treeview/bootstrap5.3-dark.scss +31 -0
  124. package/SCSS-Themes/navigations/treeview/bootstrap5.3-lite.scss +31 -0
  125. package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss +31 -0
  126. package/SCSS-Themes/navigations/treeview/bootstrap5.scss +31 -0
  127. package/SCSS-Themes/navigations/treeview/fabric-dark-lite.scss +31 -0
  128. package/SCSS-Themes/navigations/treeview/fabric-dark.scss +31 -0
  129. package/SCSS-Themes/navigations/treeview/fabric-lite.scss +31 -0
  130. package/SCSS-Themes/navigations/treeview/fabric.scss +31 -0
  131. package/SCSS-Themes/navigations/treeview/fluent-dark-lite.scss +32 -1
  132. package/SCSS-Themes/navigations/treeview/fluent-dark.scss +32 -1
  133. package/SCSS-Themes/navigations/treeview/fluent-lite.scss +32 -1
  134. package/SCSS-Themes/navigations/treeview/fluent.scss +32 -1
  135. package/SCSS-Themes/navigations/treeview/fluent2-dark-lite.scss +33 -2
  136. package/SCSS-Themes/navigations/treeview/fluent2-dark.scss +33 -2
  137. package/SCSS-Themes/navigations/treeview/fluent2-highcontrast-lite.scss +33 -2
  138. package/SCSS-Themes/navigations/treeview/fluent2-highcontrast.scss +33 -2
  139. package/SCSS-Themes/navigations/treeview/fluent2-lite.scss +33 -2
  140. package/SCSS-Themes/navigations/treeview/fluent2.scss +33 -2
  141. package/SCSS-Themes/navigations/treeview/highcontrast-lite.scss +34 -3
  142. package/SCSS-Themes/navigations/treeview/highcontrast.scss +34 -3
  143. package/SCSS-Themes/navigations/treeview/material-dark-lite.scss +31 -0
  144. package/SCSS-Themes/navigations/treeview/material-dark.scss +31 -0
  145. package/SCSS-Themes/navigations/treeview/material-lite.scss +31 -0
  146. package/SCSS-Themes/navigations/treeview/material.scss +31 -0
  147. package/SCSS-Themes/navigations/treeview/material3-dark-lite.scss +31 -0
  148. package/SCSS-Themes/navigations/treeview/material3-dark.scss +31 -0
  149. package/SCSS-Themes/navigations/treeview/material3-lite.scss +31 -0
  150. package/SCSS-Themes/navigations/treeview/material3.scss +31 -0
  151. package/SCSS-Themes/navigations/treeview/tailwind-dark-lite.scss +32 -1
  152. package/SCSS-Themes/navigations/treeview/tailwind-dark.scss +32 -1
  153. package/SCSS-Themes/navigations/treeview/tailwind-lite.scss +32 -1
  154. package/SCSS-Themes/navigations/treeview/tailwind.scss +32 -1
  155. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark-lite.scss +6 -0
  156. package/SCSS-Themes/pdfviewer/pdfviewer/bds-dark.scss +6 -0
  157. package/SCSS-Themes/pdfviewer/pdfviewer/bds-lite.scss +6 -0
  158. package/SCSS-Themes/pdfviewer/pdfviewer/bds.scss +6 -0
  159. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark-lite.scss +6 -0
  160. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +6 -0
  161. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-lite.scss +6 -0
  162. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +6 -0
  163. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4-lite.scss +6 -0
  164. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +6 -0
  165. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark-lite.scss +6 -0
  166. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +6 -0
  167. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-lite.scss +6 -0
  168. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-dark-lite.scss +6 -0
  169. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-dark.scss +6 -0
  170. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-lite.scss +6 -0
  171. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3.scss +6 -0
  172. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +6 -0
  173. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark-lite.scss +6 -0
  174. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +6 -0
  175. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-lite.scss +6 -0
  176. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +6 -0
  177. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark-lite.scss +6 -0
  178. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +6 -0
  179. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-lite.scss +6 -0
  180. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +6 -0
  181. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark-lite.scss +6 -0
  182. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-dark.scss +6 -0
  183. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-highcontrast-lite.scss +6 -0
  184. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-highcontrast.scss +6 -0
  185. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2-lite.scss +6 -0
  186. package/SCSS-Themes/pdfviewer/pdfviewer/fluent2.scss +6 -0
  187. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast-lite.scss +6 -0
  188. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +6 -0
  189. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark-lite.scss +6 -0
  190. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +6 -0
  191. package/SCSS-Themes/pdfviewer/pdfviewer/material-lite.scss +6 -0
  192. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +6 -0
  193. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark-lite.scss +6 -0
  194. package/SCSS-Themes/pdfviewer/pdfviewer/material3-dark.scss +6 -0
  195. package/SCSS-Themes/pdfviewer/pdfviewer/material3-lite.scss +6 -0
  196. package/SCSS-Themes/pdfviewer/pdfviewer/material3.scss +6 -0
  197. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark-lite.scss +6 -0
  198. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +6 -0
  199. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-lite.scss +6 -0
  200. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +6 -0
  201. package/SCSS-Themes/tailwind-dark-lite.scss +60 -6
  202. package/SCSS-Themes/tailwind-dark.scss +64 -8
  203. package/SCSS-Themes/tailwind-lite.scss +60 -6
  204. package/SCSS-Themes/tailwind.scss +64 -8
  205. package/package.json +1 -1
@@ -1747,6 +1747,7 @@ $grid-checkmark-color: $primary-text-color !default;
1747
1747
  width: $grid-resize-border-width;
1748
1748
  }
1749
1749
 
1750
+ & .e-rhelper,
1750
1751
  & .e-virtual-rhandler {
1751
1752
  z-index: 5;
1752
1753
  }
@@ -1876,7 +1877,7 @@ $grid-checkmark-color: $primary-text-color !default;
1876
1877
  }
1877
1878
 
1878
1879
  .e-gridheader {
1879
- & tr:first-child th {
1880
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1880
1881
  border-top: 0 none;
1881
1882
  }
1882
1883
 
@@ -2273,8 +2274,8 @@ $grid-checkmark-color: $primary-text-color !default;
2273
2274
  }
2274
2275
 
2275
2276
  &.e-default:not(.e-rtl) tr {
2276
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2277
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2277
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2278
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2278
2279
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2279
2280
  border-left-width: 0;
2280
2281
  }
@@ -4912,6 +4913,14 @@ $grid-checkmark-color: $primary-text-color !default;
4912
4913
  .e-headercell,
4913
4914
  .e-detailheadercell {
4914
4915
  background-color: $grid-header-bg-color;
4916
+
4917
+ &.e-leftfreeze:not(.e-rowcell),
4918
+ &.e-rightfreeze:not(.e-rowcell),
4919
+ &.e-fixedfreeze:not(.e-rowcell) {
4920
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4921
+ background-color: $grid-header-bg-color;
4922
+ }
4923
+ }
4915
4924
  }
4916
4925
 
4917
4926
  .e-gridcontent {
@@ -5081,7 +5090,9 @@ $grid-checkmark-color: $primary-text-color !default;
5081
5090
 
5082
5091
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5083
5092
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5084
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5093
+ @if $grid-skin != 'material3' {
5094
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5095
+ }
5085
5096
  }
5086
5097
  }
5087
5098
 
@@ -5511,6 +5522,12 @@ $grid-checkmark-color: $primary-text-color !default;
5511
5522
  margin-right: $grid-filterbar-dropdown;
5512
5523
  }
5513
5524
 
5525
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5526
+ @if $grid-skin == 'highcontrast' {
5527
+ margin-right: 38px;
5528
+ }
5529
+ }
5530
+
5514
5531
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5515
5532
  .e-filterbardropdown {
5516
5533
  border: transparent;
@@ -5903,7 +5920,9 @@ $grid-checkmark-color: $primary-text-color !default;
5903
5920
 
5904
5921
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5905
5922
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5906
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5923
+ @if $grid-skin != 'material3' {
5924
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5925
+ }
5907
5926
  }
5908
5927
  }
5909
5928
  }
@@ -7740,10 +7759,10 @@ $grid-checkmark-color: $primary-text-color !default;
7740
7759
  }
7741
7760
  & .e-btn {
7742
7761
  @if $grid-skin != 'fluent2' {
7762
+ color: $grid-responsive-custom-header-btn-color;
7743
7763
  background: none;
7744
7764
  }
7745
7765
  border: 0;
7746
- color: $grid-responsive-custom-header-btn-color;
7747
7766
  }
7748
7767
  & .e-btn .e-icon-filter-clear {
7749
7768
  @if $grid-skin == 'fluent2' {
@@ -1746,6 +1746,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1746
1746
  width: $grid-resize-border-width;
1747
1747
  }
1748
1748
 
1749
+ & .e-rhelper,
1749
1750
  & .e-virtual-rhandler {
1750
1751
  z-index: 5;
1751
1752
  }
@@ -1875,7 +1876,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1875
1876
  }
1876
1877
 
1877
1878
  .e-gridheader {
1878
- & tr:first-child th {
1879
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1879
1880
  border-top: 0 none;
1880
1881
  }
1881
1882
 
@@ -2272,8 +2273,8 @@ $grid-checkmark-color: $theme-dark-font !default;
2272
2273
  }
2273
2274
 
2274
2275
  &.e-default:not(.e-rtl) tr {
2275
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2276
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2276
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2277
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2277
2278
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2278
2279
  border-left-width: 0;
2279
2280
  }
@@ -4911,6 +4912,14 @@ $grid-checkmark-color: $theme-dark-font !default;
4911
4912
  .e-headercell,
4912
4913
  .e-detailheadercell {
4913
4914
  background-color: $grid-header-bg-color;
4915
+
4916
+ &.e-leftfreeze:not(.e-rowcell),
4917
+ &.e-rightfreeze:not(.e-rowcell),
4918
+ &.e-fixedfreeze:not(.e-rowcell) {
4919
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4920
+ background-color: $grid-header-bg-color;
4921
+ }
4922
+ }
4914
4923
  }
4915
4924
 
4916
4925
  .e-gridcontent {
@@ -5080,7 +5089,9 @@ $grid-checkmark-color: $theme-dark-font !default;
5080
5089
 
5081
5090
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5082
5091
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5083
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5092
+ @if $grid-skin != 'material3' {
5093
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5094
+ }
5084
5095
  }
5085
5096
  }
5086
5097
 
@@ -5510,6 +5521,12 @@ $grid-checkmark-color: $theme-dark-font !default;
5510
5521
  margin-right: $grid-filterbar-dropdown;
5511
5522
  }
5512
5523
 
5524
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5525
+ @if $grid-skin == 'highcontrast' {
5526
+ margin-right: 38px;
5527
+ }
5528
+ }
5529
+
5513
5530
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5514
5531
  .e-filterbardropdown {
5515
5532
  border: transparent;
@@ -1746,6 +1746,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1746
1746
  width: $grid-resize-border-width;
1747
1747
  }
1748
1748
 
1749
+ & .e-rhelper,
1749
1750
  & .e-virtual-rhandler {
1750
1751
  z-index: 5;
1751
1752
  }
@@ -1875,7 +1876,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1875
1876
  }
1876
1877
 
1877
1878
  .e-gridheader {
1878
- & tr:first-child th {
1879
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1879
1880
  border-top: 0 none;
1880
1881
  }
1881
1882
 
@@ -2272,8 +2273,8 @@ $grid-checkmark-color: $theme-dark-font !default;
2272
2273
  }
2273
2274
 
2274
2275
  &.e-default:not(.e-rtl) tr {
2275
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2276
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2276
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2277
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2277
2278
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2278
2279
  border-left-width: 0;
2279
2280
  }
@@ -4911,6 +4912,14 @@ $grid-checkmark-color: $theme-dark-font !default;
4911
4912
  .e-headercell,
4912
4913
  .e-detailheadercell {
4913
4914
  background-color: $grid-header-bg-color;
4915
+
4916
+ &.e-leftfreeze:not(.e-rowcell),
4917
+ &.e-rightfreeze:not(.e-rowcell),
4918
+ &.e-fixedfreeze:not(.e-rowcell) {
4919
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4920
+ background-color: $grid-header-bg-color;
4921
+ }
4922
+ }
4914
4923
  }
4915
4924
 
4916
4925
  .e-gridcontent {
@@ -5080,7 +5089,9 @@ $grid-checkmark-color: $theme-dark-font !default;
5080
5089
 
5081
5090
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5082
5091
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5083
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5092
+ @if $grid-skin != 'material3' {
5093
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5094
+ }
5084
5095
  }
5085
5096
  }
5086
5097
 
@@ -5510,6 +5521,12 @@ $grid-checkmark-color: $theme-dark-font !default;
5510
5521
  margin-right: $grid-filterbar-dropdown;
5511
5522
  }
5512
5523
 
5524
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5525
+ @if $grid-skin == 'highcontrast' {
5526
+ margin-right: 38px;
5527
+ }
5528
+ }
5529
+
5513
5530
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5514
5531
  .e-filterbardropdown {
5515
5532
  border: transparent;
@@ -5908,7 +5925,9 @@ $grid-checkmark-color: $theme-dark-font !default;
5908
5925
 
5909
5926
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5910
5927
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5911
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5928
+ @if $grid-skin != 'material3' {
5929
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5930
+ }
5912
5931
  }
5913
5932
  }
5914
5933
  }
@@ -7745,10 +7764,10 @@ $grid-checkmark-color: $theme-dark-font !default;
7745
7764
  }
7746
7765
  & .e-btn {
7747
7766
  @if $grid-skin != 'fluent2' {
7767
+ color: $grid-responsive-custom-header-btn-color;
7748
7768
  background: none;
7749
7769
  }
7750
7770
  border: 0;
7751
- color: $grid-responsive-custom-header-btn-color;
7752
7771
  }
7753
7772
  & .e-btn .e-icon-filter-clear {
7754
7773
  @if $grid-skin == 'fluent2' {
@@ -1745,6 +1745,7 @@ $grid-checkmark-color: $theme-primary-font !default;
1745
1745
  width: $grid-resize-border-width;
1746
1746
  }
1747
1747
 
1748
+ & .e-rhelper,
1748
1749
  & .e-virtual-rhandler {
1749
1750
  z-index: 5;
1750
1751
  }
@@ -1874,7 +1875,7 @@ $grid-checkmark-color: $theme-primary-font !default;
1874
1875
  }
1875
1876
 
1876
1877
  .e-gridheader {
1877
- & tr:first-child th {
1878
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1878
1879
  border-top: 0 none;
1879
1880
  }
1880
1881
 
@@ -2271,8 +2272,8 @@ $grid-checkmark-color: $theme-primary-font !default;
2271
2272
  }
2272
2273
 
2273
2274
  &.e-default:not(.e-rtl) tr {
2274
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2275
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2275
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2276
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2276
2277
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2277
2278
  border-left-width: 0;
2278
2279
  }
@@ -4910,6 +4911,14 @@ $grid-checkmark-color: $theme-primary-font !default;
4910
4911
  .e-headercell,
4911
4912
  .e-detailheadercell {
4912
4913
  background-color: $grid-header-bg-color;
4914
+
4915
+ &.e-leftfreeze:not(.e-rowcell),
4916
+ &.e-rightfreeze:not(.e-rowcell),
4917
+ &.e-fixedfreeze:not(.e-rowcell) {
4918
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4919
+ background-color: $grid-header-bg-color;
4920
+ }
4921
+ }
4913
4922
  }
4914
4923
 
4915
4924
  .e-gridcontent {
@@ -5079,7 +5088,9 @@ $grid-checkmark-color: $theme-primary-font !default;
5079
5088
 
5080
5089
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5081
5090
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5082
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5091
+ @if $grid-skin != 'material3' {
5092
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5093
+ }
5083
5094
  }
5084
5095
  }
5085
5096
 
@@ -5509,6 +5520,12 @@ $grid-checkmark-color: $theme-primary-font !default;
5509
5520
  margin-right: $grid-filterbar-dropdown;
5510
5521
  }
5511
5522
 
5523
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5524
+ @if $grid-skin == 'highcontrast' {
5525
+ margin-right: 38px;
5526
+ }
5527
+ }
5528
+
5512
5529
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5513
5530
  .e-filterbardropdown {
5514
5531
  border: transparent;
@@ -1745,6 +1745,7 @@ $grid-checkmark-color: $theme-primary-font !default;
1745
1745
  width: $grid-resize-border-width;
1746
1746
  }
1747
1747
 
1748
+ & .e-rhelper,
1748
1749
  & .e-virtual-rhandler {
1749
1750
  z-index: 5;
1750
1751
  }
@@ -1874,7 +1875,7 @@ $grid-checkmark-color: $theme-primary-font !default;
1874
1875
  }
1875
1876
 
1876
1877
  .e-gridheader {
1877
- & tr:first-child th {
1878
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1878
1879
  border-top: 0 none;
1879
1880
  }
1880
1881
 
@@ -2271,8 +2272,8 @@ $grid-checkmark-color: $theme-primary-font !default;
2271
2272
  }
2272
2273
 
2273
2274
  &.e-default:not(.e-rtl) tr {
2274
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2275
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2275
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2276
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2276
2277
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2277
2278
  border-left-width: 0;
2278
2279
  }
@@ -4910,6 +4911,14 @@ $grid-checkmark-color: $theme-primary-font !default;
4910
4911
  .e-headercell,
4911
4912
  .e-detailheadercell {
4912
4913
  background-color: $grid-header-bg-color;
4914
+
4915
+ &.e-leftfreeze:not(.e-rowcell),
4916
+ &.e-rightfreeze:not(.e-rowcell),
4917
+ &.e-fixedfreeze:not(.e-rowcell) {
4918
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4919
+ background-color: $grid-header-bg-color;
4920
+ }
4921
+ }
4913
4922
  }
4914
4923
 
4915
4924
  .e-gridcontent {
@@ -5079,7 +5088,9 @@ $grid-checkmark-color: $theme-primary-font !default;
5079
5088
 
5080
5089
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5081
5090
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5082
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5091
+ @if $grid-skin != 'material3' {
5092
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5093
+ }
5083
5094
  }
5084
5095
  }
5085
5096
 
@@ -5509,6 +5520,12 @@ $grid-checkmark-color: $theme-primary-font !default;
5509
5520
  margin-right: $grid-filterbar-dropdown;
5510
5521
  }
5511
5522
 
5523
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5524
+ @if $grid-skin == 'highcontrast' {
5525
+ margin-right: 38px;
5526
+ }
5527
+ }
5528
+
5512
5529
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5513
5530
  .e-filterbardropdown {
5514
5531
  border: transparent;
@@ -5909,7 +5926,9 @@ $grid-checkmark-color: $theme-primary-font !default;
5909
5926
 
5910
5927
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5911
5928
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5912
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5929
+ @if $grid-skin != 'material3' {
5930
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5931
+ }
5913
5932
  }
5914
5933
  }
5915
5934
  }
@@ -7746,10 +7765,10 @@ $grid-checkmark-color: $theme-primary-font !default;
7746
7765
  }
7747
7766
  & .e-btn {
7748
7767
  @if $grid-skin != 'fluent2' {
7768
+ color: $grid-responsive-custom-header-btn-color;
7749
7769
  background: none;
7750
7770
  }
7751
7771
  border: 0;
7752
- color: $grid-responsive-custom-header-btn-color;
7753
7772
  }
7754
7773
  & .e-btn .e-icon-filter-clear {
7755
7774
  @if $grid-skin == 'fluent2' {
@@ -1748,6 +1748,7 @@ $grid-checkmark-color: $primary-text-color !default;
1748
1748
  width: $grid-resize-border-width;
1749
1749
  }
1750
1750
 
1751
+ & .e-rhelper,
1751
1752
  & .e-virtual-rhandler {
1752
1753
  z-index: 5;
1753
1754
  }
@@ -1877,7 +1878,7 @@ $grid-checkmark-color: $primary-text-color !default;
1877
1878
  }
1878
1879
 
1879
1880
  .e-gridheader {
1880
- & tr:first-child th {
1881
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1881
1882
  border-top: 0 none;
1882
1883
  }
1883
1884
 
@@ -2274,8 +2275,8 @@ $grid-checkmark-color: $primary-text-color !default;
2274
2275
  }
2275
2276
 
2276
2277
  &.e-default:not(.e-rtl) tr {
2277
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2278
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2278
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2279
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2279
2280
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2280
2281
  border-left-width: 0;
2281
2282
  }
@@ -4913,6 +4914,14 @@ $grid-checkmark-color: $primary-text-color !default;
4913
4914
  .e-headercell,
4914
4915
  .e-detailheadercell {
4915
4916
  background-color: $grid-header-bg-color;
4917
+
4918
+ &.e-leftfreeze:not(.e-rowcell),
4919
+ &.e-rightfreeze:not(.e-rowcell),
4920
+ &.e-fixedfreeze:not(.e-rowcell) {
4921
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4922
+ background-color: $grid-header-bg-color;
4923
+ }
4924
+ }
4916
4925
  }
4917
4926
 
4918
4927
  .e-gridcontent {
@@ -5082,7 +5091,9 @@ $grid-checkmark-color: $primary-text-color !default;
5082
5091
 
5083
5092
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5084
5093
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5085
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5094
+ @if $grid-skin != 'material3' {
5095
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5096
+ }
5086
5097
  }
5087
5098
  }
5088
5099
 
@@ -5512,6 +5523,12 @@ $grid-checkmark-color: $primary-text-color !default;
5512
5523
  margin-right: $grid-filterbar-dropdown;
5513
5524
  }
5514
5525
 
5526
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5527
+ @if $grid-skin == 'highcontrast' {
5528
+ margin-right: 38px;
5529
+ }
5530
+ }
5531
+
5515
5532
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5533
  .e-filterbardropdown {
5517
5534
  border: transparent;
@@ -1748,6 +1748,7 @@ $grid-checkmark-color: $primary-text-color !default;
1748
1748
  width: $grid-resize-border-width;
1749
1749
  }
1750
1750
 
1751
+ & .e-rhelper,
1751
1752
  & .e-virtual-rhandler {
1752
1753
  z-index: 5;
1753
1754
  }
@@ -1877,7 +1878,7 @@ $grid-checkmark-color: $primary-text-color !default;
1877
1878
  }
1878
1879
 
1879
1880
  .e-gridheader {
1880
- & tr:first-child th {
1881
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1881
1882
  border-top: 0 none;
1882
1883
  }
1883
1884
 
@@ -2274,8 +2275,8 @@ $grid-checkmark-color: $primary-text-color !default;
2274
2275
  }
2275
2276
 
2276
2277
  &.e-default:not(.e-rtl) tr {
2277
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2278
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2278
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2279
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2279
2280
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2280
2281
  border-left-width: 0;
2281
2282
  }
@@ -4913,6 +4914,14 @@ $grid-checkmark-color: $primary-text-color !default;
4913
4914
  .e-headercell,
4914
4915
  .e-detailheadercell {
4915
4916
  background-color: $grid-header-bg-color;
4917
+
4918
+ &.e-leftfreeze:not(.e-rowcell),
4919
+ &.e-rightfreeze:not(.e-rowcell),
4920
+ &.e-fixedfreeze:not(.e-rowcell) {
4921
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4922
+ background-color: $grid-header-bg-color;
4923
+ }
4924
+ }
4916
4925
  }
4917
4926
 
4918
4927
  .e-gridcontent {
@@ -5082,7 +5091,9 @@ $grid-checkmark-color: $primary-text-color !default;
5082
5091
 
5083
5092
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5084
5093
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5085
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5094
+ @if $grid-skin != 'material3' {
5095
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5096
+ }
5086
5097
  }
5087
5098
  }
5088
5099
 
@@ -5512,6 +5523,12 @@ $grid-checkmark-color: $primary-text-color !default;
5512
5523
  margin-right: $grid-filterbar-dropdown;
5513
5524
  }
5514
5525
 
5526
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5527
+ @if $grid-skin == 'highcontrast' {
5528
+ margin-right: 38px;
5529
+ }
5530
+ }
5531
+
5515
5532
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5533
  .e-filterbardropdown {
5517
5534
  border: transparent;
@@ -5910,7 +5927,9 @@ $grid-checkmark-color: $primary-text-color !default;
5910
5927
 
5911
5928
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5912
5929
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5913
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5930
+ @if $grid-skin != 'material3' {
5931
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5932
+ }
5914
5933
  }
5915
5934
  }
5916
5935
  }
@@ -7747,10 +7766,10 @@ $grid-checkmark-color: $primary-text-color !default;
7747
7766
  }
7748
7767
  & .e-btn {
7749
7768
  @if $grid-skin != 'fluent2' {
7769
+ color: $grid-responsive-custom-header-btn-color;
7750
7770
  background: none;
7751
7771
  }
7752
7772
  border: 0;
7753
- color: $grid-responsive-custom-header-btn-color;
7754
7773
  }
7755
7774
  & .e-btn .e-icon-filter-clear {
7756
7775
  @if $grid-skin == 'fluent2' {
@@ -1748,6 +1748,7 @@ $grid-checkmark-color: $primary-text-color !default;
1748
1748
  width: $grid-resize-border-width;
1749
1749
  }
1750
1750
 
1751
+ & .e-rhelper,
1751
1752
  & .e-virtual-rhandler {
1752
1753
  z-index: 5;
1753
1754
  }
@@ -1877,7 +1878,7 @@ $grid-checkmark-color: $primary-text-color !default;
1877
1878
  }
1878
1879
 
1879
1880
  .e-gridheader {
1880
- & tr:first-child th {
1881
+ & tr:first-child th:not(.e-freezeleftborder, .e-freezerightborder) {
1881
1882
  border-top: 0 none;
1882
1883
  }
1883
1884
 
@@ -2274,8 +2275,8 @@ $grid-checkmark-color: $primary-text-color !default;
2274
2275
  }
2275
2276
 
2276
2277
  &.e-default:not(.e-rtl) tr {
2277
- & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder),
2278
- & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
2278
+ & td:first-child:not(.e-xlsel-left-border, .e-fixedfreeze.e-freezeleftborder, .e-rowcell-firstchild, .e-addfreezefirstchildborder, .e-leftfreeze.e-freezeleftborder.e-focused),
2279
+ & th.e-headercell:first-child:not(.e-firstcell, .e-headercell.e-frozen-left-border, .e-leftfreeze.e-freezeleftborder.e-focused),
2279
2280
  & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
2280
2281
  border-left-width: 0;
2281
2282
  }
@@ -4913,6 +4914,14 @@ $grid-checkmark-color: $primary-text-color !default;
4913
4914
  .e-headercell,
4914
4915
  .e-detailheadercell {
4915
4916
  background-color: $grid-header-bg-color;
4917
+
4918
+ &.e-leftfreeze:not(.e-rowcell),
4919
+ &.e-rightfreeze:not(.e-rowcell),
4920
+ &.e-fixedfreeze:not(.e-rowcell) {
4921
+ @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'tailwind' {
4922
+ background-color: $grid-header-bg-color;
4923
+ }
4924
+ }
4916
4925
  }
4917
4926
 
4918
4927
  .e-gridcontent {
@@ -5082,7 +5091,9 @@ $grid-checkmark-color: $primary-text-color !default;
5082
5091
 
5083
5092
  &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
5084
5093
  &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
5085
- @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5094
+ @if $grid-skin != 'material3' {
5095
+ @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
5096
+ }
5086
5097
  }
5087
5098
  }
5088
5099
 
@@ -5512,6 +5523,12 @@ $grid-checkmark-color: $primary-text-color !default;
5512
5523
  margin-right: $grid-filterbar-dropdown;
5513
5524
  }
5514
5525
 
5526
+ .e-bigger .e-filterbardropdown:not(.e-rtl) {
5527
+ @if $grid-skin == 'highcontrast' {
5528
+ margin-right: 38px;
5529
+ }
5530
+ }
5531
+
5515
5532
  .e-headercontent .e-filterbar .e-filterbarcell .e-fltrinputdiv .e-input-group {
5516
5533
  .e-filterbardropdown {
5517
5534
  border: transparent;