@syncfusion/blazor-themes 28.2.5 → 28.2.6

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 (215) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +7 -3
  2. package/Compiled-Themes/bds-dark.css +11 -3
  3. package/Compiled-Themes/bds-lite.css +7 -3
  4. package/Compiled-Themes/bds.css +11 -3
  5. package/Compiled-Themes/bootstrap-dark-lite.css +7 -3
  6. package/Compiled-Themes/bootstrap-dark.css +11 -3
  7. package/Compiled-Themes/bootstrap-lite.css +7 -3
  8. package/Compiled-Themes/bootstrap.css +11 -3
  9. package/Compiled-Themes/bootstrap4-lite.css +7 -3
  10. package/Compiled-Themes/bootstrap4.css +11 -3
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +7 -3
  12. package/Compiled-Themes/bootstrap5-dark.css +11 -3
  13. package/Compiled-Themes/bootstrap5-lite.css +7 -3
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +17 -13
  15. package/Compiled-Themes/bootstrap5.3-dark.css +21 -13
  16. package/Compiled-Themes/bootstrap5.3-lite.css +24 -20
  17. package/Compiled-Themes/bootstrap5.3.css +28 -20
  18. package/Compiled-Themes/bootstrap5.css +11 -3
  19. package/Compiled-Themes/fabric-dark-lite.css +7 -3
  20. package/Compiled-Themes/fabric-dark.css +11 -3
  21. package/Compiled-Themes/fabric-lite.css +7 -3
  22. package/Compiled-Themes/fabric.css +11 -3
  23. package/Compiled-Themes/fluent-dark-lite.css +7 -3
  24. package/Compiled-Themes/fluent-dark.css +11 -3
  25. package/Compiled-Themes/fluent-lite.css +7 -3
  26. package/Compiled-Themes/fluent.css +11 -3
  27. package/Compiled-Themes/fluent2-dark-lite.css +10 -6
  28. package/Compiled-Themes/fluent2-dark.css +14 -6
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +10 -6
  30. package/Compiled-Themes/fluent2-highcontrast.css +14 -6
  31. package/Compiled-Themes/fluent2-lite.css +10 -6
  32. package/Compiled-Themes/fluent2.css +14 -6
  33. package/Compiled-Themes/highcontrast-lite.css +7 -3
  34. package/Compiled-Themes/highcontrast.css +11 -3
  35. package/Compiled-Themes/material-dark-lite.css +7 -3
  36. package/Compiled-Themes/material-dark.css +11 -3
  37. package/Compiled-Themes/material-lite.css +7 -3
  38. package/Compiled-Themes/material.css +11 -3
  39. package/Compiled-Themes/material3-dark-lite.css +7 -3
  40. package/Compiled-Themes/material3-dark.css +11 -3
  41. package/Compiled-Themes/material3-lite.css +7 -3
  42. package/Compiled-Themes/material3.css +11 -3
  43. package/Compiled-Themes/tailwind-dark-lite.css +7 -3
  44. package/Compiled-Themes/tailwind-dark.css +11 -3
  45. package/Compiled-Themes/tailwind-lite.css +7 -3
  46. package/Compiled-Themes/tailwind.css +11 -3
  47. package/Compiled-Themes/tailwind3-dark-lite.css +7 -3
  48. package/Compiled-Themes/tailwind3-dark.css +11 -3
  49. package/Compiled-Themes/tailwind3-lite.css +7 -3
  50. package/Compiled-Themes/tailwind3.css +11 -3
  51. package/SCSS-Themes/base/bootstrap5.3-dark-lite.scss +7 -7
  52. package/SCSS-Themes/base/bootstrap5.3-dark.scss +7 -7
  53. package/SCSS-Themes/base/bootstrap5.3-lite.scss +14 -14
  54. package/SCSS-Themes/base/bootstrap5.3.scss +14 -14
  55. package/SCSS-Themes/bds-dark-lite.scss +10 -3
  56. package/SCSS-Themes/bds-dark.scss +22 -3
  57. package/SCSS-Themes/bds-lite.scss +10 -3
  58. package/SCSS-Themes/bds.scss +22 -3
  59. package/SCSS-Themes/bootstrap-dark-lite.scss +10 -3
  60. package/SCSS-Themes/bootstrap-dark.scss +22 -3
  61. package/SCSS-Themes/bootstrap-lite.scss +10 -3
  62. package/SCSS-Themes/bootstrap.scss +22 -3
  63. package/SCSS-Themes/bootstrap4-lite.scss +10 -3
  64. package/SCSS-Themes/bootstrap4.scss +22 -3
  65. package/SCSS-Themes/bootstrap5-dark-lite.scss +10 -3
  66. package/SCSS-Themes/bootstrap5-dark.scss +22 -3
  67. package/SCSS-Themes/bootstrap5-lite.scss +10 -3
  68. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +19 -12
  69. package/SCSS-Themes/bootstrap5.3-dark.scss +31 -12
  70. package/SCSS-Themes/bootstrap5.3-lite.scss +26 -19
  71. package/SCSS-Themes/bootstrap5.3.scss +38 -19
  72. package/SCSS-Themes/bootstrap5.scss +22 -3
  73. package/SCSS-Themes/fabric-dark-lite.scss +10 -3
  74. package/SCSS-Themes/fabric-dark.scss +22 -3
  75. package/SCSS-Themes/fabric-lite.scss +10 -3
  76. package/SCSS-Themes/fabric.scss +22 -3
  77. package/SCSS-Themes/fluent-dark-lite.scss +10 -3
  78. package/SCSS-Themes/fluent-dark.scss +22 -3
  79. package/SCSS-Themes/fluent-lite.scss +10 -3
  80. package/SCSS-Themes/fluent.scss +22 -3
  81. package/SCSS-Themes/fluent2-dark-lite.scss +12 -5
  82. package/SCSS-Themes/fluent2-dark.scss +24 -5
  83. package/SCSS-Themes/fluent2-highcontrast-lite.scss +12 -5
  84. package/SCSS-Themes/fluent2-highcontrast.scss +24 -5
  85. package/SCSS-Themes/fluent2-lite.scss +12 -5
  86. package/SCSS-Themes/fluent2.scss +24 -5
  87. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +7 -0
  88. package/SCSS-Themes/grids/grid/bds-dark.scss +19 -0
  89. package/SCSS-Themes/grids/grid/bds-lite.scss +7 -0
  90. package/SCSS-Themes/grids/grid/bds.scss +19 -0
  91. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +7 -0
  92. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +19 -0
  93. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +7 -0
  94. package/SCSS-Themes/grids/grid/bootstrap.scss +19 -0
  95. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +7 -0
  96. package/SCSS-Themes/grids/grid/bootstrap4.scss +19 -0
  97. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +7 -0
  98. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +19 -0
  99. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +7 -0
  100. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +7 -0
  101. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +19 -0
  102. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +7 -0
  103. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +19 -0
  104. package/SCSS-Themes/grids/grid/bootstrap5.scss +19 -0
  105. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +7 -0
  106. package/SCSS-Themes/grids/grid/fabric-dark.scss +19 -0
  107. package/SCSS-Themes/grids/grid/fabric-lite.scss +7 -0
  108. package/SCSS-Themes/grids/grid/fabric.scss +19 -0
  109. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +7 -0
  110. package/SCSS-Themes/grids/grid/fluent-dark.scss +19 -0
  111. package/SCSS-Themes/grids/grid/fluent-lite.scss +7 -0
  112. package/SCSS-Themes/grids/grid/fluent.scss +19 -0
  113. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +7 -0
  114. package/SCSS-Themes/grids/grid/fluent2-dark.scss +19 -0
  115. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +7 -0
  116. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +19 -0
  117. package/SCSS-Themes/grids/grid/fluent2-lite.scss +7 -0
  118. package/SCSS-Themes/grids/grid/fluent2.scss +19 -0
  119. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +7 -0
  120. package/SCSS-Themes/grids/grid/highcontrast.scss +19 -0
  121. package/SCSS-Themes/grids/grid/material-dark-lite.scss +7 -0
  122. package/SCSS-Themes/grids/grid/material-dark.scss +19 -0
  123. package/SCSS-Themes/grids/grid/material-lite.scss +7 -0
  124. package/SCSS-Themes/grids/grid/material.scss +19 -0
  125. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +7 -0
  126. package/SCSS-Themes/grids/grid/material3-dark.scss +19 -0
  127. package/SCSS-Themes/grids/grid/material3-lite.scss +7 -0
  128. package/SCSS-Themes/grids/grid/material3.scss +19 -0
  129. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +7 -0
  130. package/SCSS-Themes/grids/grid/tailwind-dark.scss +19 -0
  131. package/SCSS-Themes/grids/grid/tailwind-lite.scss +7 -0
  132. package/SCSS-Themes/grids/grid/tailwind.scss +19 -0
  133. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +7 -0
  134. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +19 -0
  135. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +7 -0
  136. package/SCSS-Themes/grids/grid/tailwind3.scss +19 -0
  137. package/SCSS-Themes/highcontrast-lite.scss +10 -3
  138. package/SCSS-Themes/highcontrast.scss +22 -3
  139. package/SCSS-Themes/interactive-chat/ai-assistview/bds-dark-lite.scss +3 -3
  140. package/SCSS-Themes/interactive-chat/ai-assistview/bds-dark.scss +3 -3
  141. package/SCSS-Themes/interactive-chat/ai-assistview/bds-lite.scss +3 -3
  142. package/SCSS-Themes/interactive-chat/ai-assistview/bds.scss +3 -3
  143. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap-dark-lite.scss +3 -3
  144. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap-dark.scss +3 -3
  145. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap-lite.scss +3 -3
  146. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap.scss +3 -3
  147. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap4-lite.scss +3 -3
  148. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap4.scss +3 -3
  149. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5-dark-lite.scss +3 -3
  150. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5-dark.scss +3 -3
  151. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5-lite.scss +3 -3
  152. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3-dark-lite.scss +3 -3
  153. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3-dark.scss +3 -3
  154. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3-lite.scss +3 -3
  155. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.3.scss +3 -3
  156. package/SCSS-Themes/interactive-chat/ai-assistview/bootstrap5.scss +3 -3
  157. package/SCSS-Themes/interactive-chat/ai-assistview/fabric-dark-lite.scss +3 -3
  158. package/SCSS-Themes/interactive-chat/ai-assistview/fabric-dark.scss +3 -3
  159. package/SCSS-Themes/interactive-chat/ai-assistview/fabric-lite.scss +3 -3
  160. package/SCSS-Themes/interactive-chat/ai-assistview/fabric.scss +3 -3
  161. package/SCSS-Themes/interactive-chat/ai-assistview/fluent-dark-lite.scss +3 -3
  162. package/SCSS-Themes/interactive-chat/ai-assistview/fluent-dark.scss +3 -3
  163. package/SCSS-Themes/interactive-chat/ai-assistview/fluent-lite.scss +3 -3
  164. package/SCSS-Themes/interactive-chat/ai-assistview/fluent.scss +3 -3
  165. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-dark-lite.scss +3 -3
  166. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-dark.scss +3 -3
  167. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-highcontrast-lite.scss +3 -3
  168. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-highcontrast.scss +3 -3
  169. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2-lite.scss +3 -3
  170. package/SCSS-Themes/interactive-chat/ai-assistview/fluent2.scss +3 -3
  171. package/SCSS-Themes/interactive-chat/ai-assistview/highcontrast-lite.scss +3 -3
  172. package/SCSS-Themes/interactive-chat/ai-assistview/highcontrast.scss +3 -3
  173. package/SCSS-Themes/interactive-chat/ai-assistview/material-dark-lite.scss +3 -3
  174. package/SCSS-Themes/interactive-chat/ai-assistview/material-dark.scss +3 -3
  175. package/SCSS-Themes/interactive-chat/ai-assistview/material-lite.scss +3 -3
  176. package/SCSS-Themes/interactive-chat/ai-assistview/material.scss +3 -3
  177. package/SCSS-Themes/interactive-chat/ai-assistview/material3-dark-lite.scss +3 -3
  178. package/SCSS-Themes/interactive-chat/ai-assistview/material3-dark.scss +3 -3
  179. package/SCSS-Themes/interactive-chat/ai-assistview/material3-lite.scss +3 -3
  180. package/SCSS-Themes/interactive-chat/ai-assistview/material3.scss +3 -3
  181. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind-dark-lite.scss +3 -3
  182. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind-dark.scss +3 -3
  183. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind-lite.scss +3 -3
  184. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind.scss +3 -3
  185. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3-dark-lite.scss +3 -3
  186. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3-dark.scss +3 -3
  187. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3-lite.scss +3 -3
  188. package/SCSS-Themes/interactive-chat/ai-assistview/tailwind3.scss +3 -3
  189. package/SCSS-Themes/material-dark-lite.scss +10 -3
  190. package/SCSS-Themes/material-dark.scss +22 -3
  191. package/SCSS-Themes/material-lite.scss +10 -3
  192. package/SCSS-Themes/material.scss +22 -3
  193. package/SCSS-Themes/material3-dark-lite.scss +10 -3
  194. package/SCSS-Themes/material3-dark.scss +22 -3
  195. package/SCSS-Themes/material3-lite.scss +10 -3
  196. package/SCSS-Themes/material3.scss +22 -3
  197. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-dark-lite.scss +2 -2
  198. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-dark.scss +2 -2
  199. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3-lite.scss +2 -2
  200. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.3.scss +2 -2
  201. package/SCSS-Themes/schedule/recurrence-editor/fluent2-dark-lite.scss +2 -2
  202. package/SCSS-Themes/schedule/recurrence-editor/fluent2-dark.scss +2 -2
  203. package/SCSS-Themes/schedule/recurrence-editor/fluent2-highcontrast-lite.scss +2 -2
  204. package/SCSS-Themes/schedule/recurrence-editor/fluent2-highcontrast.scss +2 -2
  205. package/SCSS-Themes/schedule/recurrence-editor/fluent2-lite.scss +2 -2
  206. package/SCSS-Themes/schedule/recurrence-editor/fluent2.scss +2 -2
  207. package/SCSS-Themes/tailwind-dark-lite.scss +10 -3
  208. package/SCSS-Themes/tailwind-dark.scss +22 -3
  209. package/SCSS-Themes/tailwind-lite.scss +10 -3
  210. package/SCSS-Themes/tailwind.scss +22 -3
  211. package/SCSS-Themes/tailwind3-dark-lite.scss +10 -3
  212. package/SCSS-Themes/tailwind3-dark.scss +22 -3
  213. package/SCSS-Themes/tailwind3-lite.scss +10 -3
  214. package/SCSS-Themes/tailwind3.scss +22 -3
  215. package/package.json +1 -1
@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $primary-text-color !default;
5558
5558
  &.sf-grid .e-ccheck.e-colfocus {
5559
5559
  background-color: $grid-hover-bg-color;
5560
5560
  }
5561
+
5562
+ &.sf-grid{
5563
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
5564
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
5565
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
5566
+ }
5567
+ }
5561
5568
  }
5562
5569
 
5563
5570
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8103,6 +8110,18 @@ $grid-checkmark-color: $primary-text-color !default;
8103
8110
  padding-top: 40px;
8104
8111
  }
8105
8112
 
8113
+ & .e-mainfilterdiv {
8114
+ @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
8115
+ padding-top: 30px;
8116
+ }
8117
+ @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
8118
+ padding-top: 0;
8119
+ }
8120
+ @else {
8121
+ padding-top: 16px;
8122
+ }
8123
+ }
8124
+
8106
8125
  & .e-filtersetdiv {
8107
8126
  float: right;
8108
8127
  margin-right: 1%;
@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $primary-text-color !default;
5558
5558
  &.sf-grid .e-ccheck.e-colfocus {
5559
5559
  background-color: $grid-hover-bg-color;
5560
5560
  }
5561
+
5562
+ &.sf-grid{
5563
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
5564
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
5565
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
5566
+ }
5567
+ }
5561
5568
  }
5562
5569
 
5563
5570
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $primary-text-color !default;
5558
5558
  &.sf-grid .e-ccheck.e-colfocus {
5559
5559
  background-color: $grid-hover-bg-color;
5560
5560
  }
5561
+
5562
+ &.sf-grid{
5563
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
5564
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
5565
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
5566
+ }
5567
+ }
5561
5568
  }
5562
5569
 
5563
5570
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8103,6 +8110,18 @@ $grid-checkmark-color: $primary-text-color !default;
8103
8110
  padding-top: 40px;
8104
8111
  }
8105
8112
 
8113
+ & .e-mainfilterdiv {
8114
+ @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
8115
+ padding-top: 30px;
8116
+ }
8117
+ @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
8118
+ padding-top: 0;
8119
+ }
8120
+ @else {
8121
+ padding-top: 16px;
8122
+ }
8123
+ }
8124
+
8106
8125
  & .e-filtersetdiv {
8107
8126
  float: right;
8108
8127
  margin-right: 1%;
@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
5554
5554
  &.sf-grid .e-ccheck.e-colfocus {
5555
5555
  background-color: $grid-hover-bg-color;
5556
5556
  }
5557
+
5558
+ &.sf-grid{
5559
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
5560
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
5561
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
5562
+ }
5563
+ }
5557
5564
  }
5558
5565
 
5559
5566
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
5554
5554
  &.sf-grid .e-ccheck.e-colfocus {
5555
5555
  background-color: $grid-hover-bg-color;
5556
5556
  }
5557
+
5558
+ &.sf-grid{
5559
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
5560
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
5561
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
5562
+ }
5563
+ }
5557
5564
  }
5558
5565
 
5559
5566
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8098,6 +8105,18 @@ $grid-checkmark-color: $primary-text-color !default;
8098
8105
  padding-top: 40px;
8099
8106
  }
8100
8107
 
8108
+ & .e-mainfilterdiv {
8109
+ @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
8110
+ padding-top: 30px;
8111
+ }
8112
+ @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
8113
+ padding-top: 0;
8114
+ }
8115
+ @else {
8116
+ padding-top: 16px;
8117
+ }
8118
+ }
8119
+
8101
8120
  & .e-filtersetdiv {
8102
8121
  float: right;
8103
8122
  margin-right: 1%;
@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
5554
5554
  &.sf-grid .e-ccheck.e-colfocus {
5555
5555
  background-color: $grid-hover-bg-color;
5556
5556
  }
5557
+
5558
+ &.sf-grid{
5559
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
5560
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
5561
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
5562
+ }
5563
+ }
5557
5564
  }
5558
5565
 
5559
5566
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
5554
5554
  &.sf-grid .e-ccheck.e-colfocus {
5555
5555
  background-color: $grid-hover-bg-color;
5556
5556
  }
5557
+
5558
+ &.sf-grid{
5559
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
5560
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
5561
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
5562
+ }
5563
+ }
5557
5564
  }
5558
5565
 
5559
5566
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8098,6 +8105,18 @@ $grid-checkmark-color: $primary-text-color !default;
8098
8105
  padding-top: 40px;
8099
8106
  }
8100
8107
 
8108
+ & .e-mainfilterdiv {
8109
+ @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
8110
+ padding-top: 30px;
8111
+ }
8112
+ @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
8113
+ padding-top: 0;
8114
+ }
8115
+ @else {
8116
+ padding-top: 16px;
8117
+ }
8118
+ }
8119
+
8101
8120
  & .e-filtersetdiv {
8102
8121
  float: right;
8103
8122
  margin-right: 1%;
@@ -65609,6 +65609,13 @@ $grid-checkmark-color: $selection-font !default;
65609
65609
  &.sf-grid .e-ccheck.e-colfocus {
65610
65610
  background-color: $grid-hover-bg-color;
65611
65611
  }
65612
+
65613
+ &.sf-grid{
65614
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
65615
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
65616
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
65617
+ }
65618
+ }
65612
65619
  }
65613
65620
 
65614
65621
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -107716,9 +107723,6 @@ $tbar-header-hover-bg-color: transparent !default;
107716
107723
  textarea::-webkit-scrollbar {
107717
107724
  width: 4px;
107718
107725
  }
107719
- .hide-scrollbar textarea {
107720
- scrollbar-width: none;
107721
- }
107722
107726
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
107723
107727
  right: unset;
107724
107728
  left: 20px;
@@ -107750,6 +107754,9 @@ $tbar-header-hover-bg-color: transparent !default;
107750
107754
  }
107751
107755
  }
107752
107756
  &:not(.e-footer-template) {
107757
+ .e-textarea {
107758
+ max-height: 280px;
107759
+ }
107753
107760
  .e-assist-send {
107754
107761
  position: absolute;
107755
107762
  right: 20px;
@@ -87813,6 +87813,13 @@ $grid-checkmark-color: $selection-font !default;
87813
87813
  &.sf-grid .e-ccheck.e-colfocus {
87814
87814
  background-color: $grid-hover-bg-color;
87815
87815
  }
87816
+
87817
+ &.sf-grid{
87818
+ .e-gridcontent .e-leftfreeze.e-recordplusexpand,
87819
+ .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
87820
+ @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
87821
+ }
87822
+ }
87816
87823
  }
87817
87824
 
87818
87825
  .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -90359,6 +90366,18 @@ $grid-checkmark-color: $selection-font !default;
90359
90366
  padding-top: 40px;
90360
90367
  }
90361
90368
 
90369
+ & .e-mainfilterdiv {
90370
+ @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
90371
+ padding-top: 30px;
90372
+ }
90373
+ @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
90374
+ padding-top: 0;
90375
+ }
90376
+ @else {
90377
+ padding-top: 16px;
90378
+ }
90379
+ }
90380
+
90362
90381
  & .e-filtersetdiv {
90363
90382
  float: right;
90364
90383
  margin-right: 1%;
@@ -140025,9 +140044,6 @@ $tbar-header-hover-bg-color: transparent !default;
140025
140044
  textarea::-webkit-scrollbar {
140026
140045
  width: 4px;
140027
140046
  }
140028
- .hide-scrollbar textarea {
140029
- scrollbar-width: none;
140030
- }
140031
140047
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
140032
140048
  right: unset;
140033
140049
  left: 20px;
@@ -140059,6 +140075,9 @@ $tbar-header-hover-bg-color: transparent !default;
140059
140075
  }
140060
140076
  }
140061
140077
  &:not(.e-footer-template) {
140078
+ .e-textarea {
140079
+ max-height: 280px;
140080
+ }
140062
140081
  .e-assist-send {
140063
140082
  position: absolute;
140064
140083
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: $grey-dark !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: $grey-dark !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: $grey-dark !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: $grey-dark !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: transparent !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: transparent !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: $neutral-light !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: $neutral-light !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;
@@ -358,9 +358,6 @@ $tbar-header-hover-bg-color: $neutral-light !default;
358
358
  textarea::-webkit-scrollbar {
359
359
  width: 4px;
360
360
  }
361
- .hide-scrollbar textarea {
362
- scrollbar-width: none;
363
- }
364
361
  &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
365
362
  right: unset;
366
363
  left: 20px;
@@ -392,6 +389,9 @@ $tbar-header-hover-bg-color: $neutral-light !default;
392
389
  }
393
390
  }
394
391
  &:not(.e-footer-template) {
392
+ .e-textarea {
393
+ max-height: 280px;
394
+ }
395
395
  .e-assist-send {
396
396
  position: absolute;
397
397
  right: 20px;