@syncfusion/blazor-themes 29.1.39 → 29.1.41

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 (202) hide show
  1. package/Compiled-Themes/bootstrap-lite.css +7 -0
  2. package/Compiled-Themes/bootstrap.css +7 -0
  3. package/Compiled-Themes/bootstrap4-lite.css +7 -0
  4. package/Compiled-Themes/bootstrap4.css +7 -0
  5. package/Compiled-Themes/bootstrap5-dark-lite.css +6 -0
  6. package/Compiled-Themes/bootstrap5-dark.css +6 -0
  7. package/Compiled-Themes/bootstrap5-lite.css +6 -0
  8. package/Compiled-Themes/bootstrap5.3-dark-lite.css +6 -0
  9. package/Compiled-Themes/bootstrap5.3-dark.css +6 -0
  10. package/Compiled-Themes/bootstrap5.3-lite.css +6 -0
  11. package/Compiled-Themes/bootstrap5.3.css +6 -0
  12. package/Compiled-Themes/bootstrap5.css +6 -0
  13. package/Compiled-Themes/fabric-lite.css +5 -0
  14. package/Compiled-Themes/fabric.css +5 -0
  15. package/Compiled-Themes/fluent-dark.css +4 -0
  16. package/Compiled-Themes/fluent.css +4 -0
  17. package/Compiled-Themes/highcontrast-lite.css +5 -0
  18. package/Compiled-Themes/highcontrast.css +5 -0
  19. package/Compiled-Themes/material-lite.css +9 -0
  20. package/Compiled-Themes/material.css +9 -0
  21. package/Compiled-Themes/tailwind3-dark-lite.css +1 -1
  22. package/Compiled-Themes/tailwind3-dark.css +2 -2
  23. package/Compiled-Themes/tailwind3-lite.css +1 -1
  24. package/Compiled-Themes/tailwind3.css +2 -2
  25. package/SCSS-Themes/bds-dark-lite.scss +16 -1
  26. package/SCSS-Themes/bds-dark.scss +22 -2
  27. package/SCSS-Themes/bds-lite.scss +16 -1
  28. package/SCSS-Themes/bds.scss +22 -2
  29. package/SCSS-Themes/bootstrap-dark-lite.scss +17 -1
  30. package/SCSS-Themes/bootstrap-dark.scss +23 -2
  31. package/SCSS-Themes/bootstrap-lite.scss +17 -1
  32. package/SCSS-Themes/bootstrap.scss +23 -2
  33. package/SCSS-Themes/bootstrap4-lite.scss +17 -1
  34. package/SCSS-Themes/bootstrap4.scss +23 -2
  35. package/SCSS-Themes/bootstrap5-dark-lite.scss +17 -1
  36. package/SCSS-Themes/bootstrap5-dark.scss +23 -2
  37. package/SCSS-Themes/bootstrap5-lite.scss +17 -1
  38. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +17 -1
  39. package/SCSS-Themes/bootstrap5.3-dark.scss +23 -2
  40. package/SCSS-Themes/bootstrap5.3-lite.scss +17 -1
  41. package/SCSS-Themes/bootstrap5.3.scss +23 -2
  42. package/SCSS-Themes/bootstrap5.scss +23 -2
  43. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark-lite.scss +1 -1
  44. package/SCSS-Themes/documenteditor/document-editor-container/bds-dark.scss +2 -2
  45. package/SCSS-Themes/documenteditor/document-editor-container/bds-lite.scss +1 -1
  46. package/SCSS-Themes/documenteditor/document-editor-container/bds.scss +2 -2
  47. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark-lite.scss +1 -1
  48. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-dark.scss +2 -2
  49. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap-lite.scss +1 -1
  50. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap.scss +2 -2
  51. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4-lite.scss +1 -1
  52. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap4.scss +2 -2
  53. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark-lite.scss +1 -1
  54. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-dark.scss +2 -2
  55. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5-lite.scss +1 -1
  56. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark-lite.scss +1 -1
  57. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-dark.scss +2 -2
  58. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3-lite.scss +1 -1
  59. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.3.scss +2 -2
  60. package/SCSS-Themes/documenteditor/document-editor-container/bootstrap5.scss +2 -2
  61. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark-lite.scss +1 -1
  62. package/SCSS-Themes/documenteditor/document-editor-container/fabric-dark.scss +2 -2
  63. package/SCSS-Themes/documenteditor/document-editor-container/fabric-lite.scss +1 -1
  64. package/SCSS-Themes/documenteditor/document-editor-container/fabric.scss +2 -2
  65. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark-lite.scss +1 -1
  66. package/SCSS-Themes/documenteditor/document-editor-container/fluent-dark.scss +2 -2
  67. package/SCSS-Themes/documenteditor/document-editor-container/fluent-lite.scss +1 -1
  68. package/SCSS-Themes/documenteditor/document-editor-container/fluent.scss +2 -2
  69. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark-lite.scss +1 -1
  70. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-dark.scss +2 -2
  71. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast-lite.scss +1 -1
  72. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-highcontrast.scss +2 -2
  73. package/SCSS-Themes/documenteditor/document-editor-container/fluent2-lite.scss +1 -1
  74. package/SCSS-Themes/documenteditor/document-editor-container/fluent2.scss +2 -2
  75. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast-lite.scss +1 -1
  76. package/SCSS-Themes/documenteditor/document-editor-container/highcontrast.scss +2 -2
  77. package/SCSS-Themes/documenteditor/document-editor-container/material-dark-lite.scss +1 -1
  78. package/SCSS-Themes/documenteditor/document-editor-container/material-dark.scss +2 -2
  79. package/SCSS-Themes/documenteditor/document-editor-container/material-lite.scss +1 -1
  80. package/SCSS-Themes/documenteditor/document-editor-container/material.scss +2 -2
  81. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark-lite.scss +1 -1
  82. package/SCSS-Themes/documenteditor/document-editor-container/material3-dark.scss +2 -2
  83. package/SCSS-Themes/documenteditor/document-editor-container/material3-lite.scss +1 -1
  84. package/SCSS-Themes/documenteditor/document-editor-container/material3.scss +2 -2
  85. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark-lite.scss +1 -1
  86. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-dark.scss +2 -2
  87. package/SCSS-Themes/documenteditor/document-editor-container/tailwind-lite.scss +1 -1
  88. package/SCSS-Themes/documenteditor/document-editor-container/tailwind.scss +2 -2
  89. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark-lite.scss +1 -1
  90. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-dark.scss +2 -2
  91. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3-lite.scss +1 -1
  92. package/SCSS-Themes/documenteditor/document-editor-container/tailwind3.scss +2 -2
  93. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark-lite.scss +15 -0
  94. package/SCSS-Themes/dropdowns/drop-down-list/bds-dark.scss +15 -0
  95. package/SCSS-Themes/dropdowns/drop-down-list/bds-lite.scss +15 -0
  96. package/SCSS-Themes/dropdowns/drop-down-list/bds.scss +15 -0
  97. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark-lite.scss +16 -0
  98. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-dark.scss +16 -0
  99. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap-lite.scss +16 -0
  100. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap.scss +16 -0
  101. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4-lite.scss +16 -0
  102. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap4.scss +16 -0
  103. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark-lite.scss +16 -0
  104. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-dark.scss +16 -0
  105. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5-lite.scss +16 -0
  106. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark-lite.scss +16 -0
  107. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-dark.scss +16 -0
  108. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3-lite.scss +16 -0
  109. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.3.scss +16 -0
  110. package/SCSS-Themes/dropdowns/drop-down-list/bootstrap5.scss +16 -0
  111. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark-lite.scss +16 -0
  112. package/SCSS-Themes/dropdowns/drop-down-list/fabric-dark.scss +16 -0
  113. package/SCSS-Themes/dropdowns/drop-down-list/fabric-lite.scss +16 -0
  114. package/SCSS-Themes/dropdowns/drop-down-list/fabric.scss +16 -0
  115. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark-lite.scss +15 -0
  116. package/SCSS-Themes/dropdowns/drop-down-list/fluent-dark.scss +15 -0
  117. package/SCSS-Themes/dropdowns/drop-down-list/fluent-lite.scss +15 -0
  118. package/SCSS-Themes/dropdowns/drop-down-list/fluent.scss +15 -0
  119. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark-lite.scss +15 -0
  120. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-dark.scss +15 -0
  121. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast-lite.scss +15 -0
  122. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-highcontrast.scss +15 -0
  123. package/SCSS-Themes/dropdowns/drop-down-list/fluent2-lite.scss +15 -0
  124. package/SCSS-Themes/dropdowns/drop-down-list/fluent2.scss +15 -0
  125. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast-lite.scss +16 -0
  126. package/SCSS-Themes/dropdowns/drop-down-list/highcontrast.scss +16 -0
  127. package/SCSS-Themes/dropdowns/drop-down-list/material-dark-lite.scss +15 -0
  128. package/SCSS-Themes/dropdowns/drop-down-list/material-dark.scss +15 -0
  129. package/SCSS-Themes/dropdowns/drop-down-list/material-lite.scss +15 -0
  130. package/SCSS-Themes/dropdowns/drop-down-list/material.scss +15 -0
  131. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark-lite.scss +15 -0
  132. package/SCSS-Themes/dropdowns/drop-down-list/material3-dark.scss +15 -0
  133. package/SCSS-Themes/dropdowns/drop-down-list/material3-lite.scss +15 -0
  134. package/SCSS-Themes/dropdowns/drop-down-list/material3.scss +15 -0
  135. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark-lite.scss +15 -0
  136. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-dark.scss +15 -0
  137. package/SCSS-Themes/dropdowns/drop-down-list/tailwind-lite.scss +15 -0
  138. package/SCSS-Themes/dropdowns/drop-down-list/tailwind.scss +15 -0
  139. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark-lite.scss +15 -0
  140. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-dark.scss +15 -0
  141. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3-lite.scss +15 -0
  142. package/SCSS-Themes/dropdowns/drop-down-list/tailwind3.scss +15 -0
  143. package/SCSS-Themes/dropdowns/multi-select/material-lite.scss +9 -0
  144. package/SCSS-Themes/dropdowns/multi-select/material.scss +9 -0
  145. package/SCSS-Themes/fabric-dark-lite.scss +17 -1
  146. package/SCSS-Themes/fabric-dark.scss +23 -2
  147. package/SCSS-Themes/fabric-lite.scss +17 -1
  148. package/SCSS-Themes/fabric.scss +23 -2
  149. package/SCSS-Themes/fluent-dark-lite.scss +16 -1
  150. package/SCSS-Themes/fluent-dark.scss +22 -2
  151. package/SCSS-Themes/fluent-lite.scss +16 -1
  152. package/SCSS-Themes/fluent.scss +22 -2
  153. package/SCSS-Themes/fluent2-dark-lite.scss +16 -1
  154. package/SCSS-Themes/fluent2-dark.scss +22 -2
  155. package/SCSS-Themes/fluent2-highcontrast-lite.scss +16 -1
  156. package/SCSS-Themes/fluent2-highcontrast.scss +22 -2
  157. package/SCSS-Themes/fluent2-lite.scss +16 -1
  158. package/SCSS-Themes/fluent2.scss +22 -2
  159. package/SCSS-Themes/grids/grid/bds-dark.scss +5 -0
  160. package/SCSS-Themes/grids/grid/bds.scss +5 -0
  161. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +5 -0
  162. package/SCSS-Themes/grids/grid/bootstrap.scss +5 -0
  163. package/SCSS-Themes/grids/grid/bootstrap4.scss +5 -0
  164. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +5 -0
  165. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +5 -0
  166. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +5 -0
  167. package/SCSS-Themes/grids/grid/bootstrap5.scss +5 -0
  168. package/SCSS-Themes/grids/grid/fabric-dark.scss +5 -0
  169. package/SCSS-Themes/grids/grid/fabric.scss +5 -0
  170. package/SCSS-Themes/grids/grid/fluent-dark.scss +5 -0
  171. package/SCSS-Themes/grids/grid/fluent.scss +5 -0
  172. package/SCSS-Themes/grids/grid/fluent2-dark.scss +5 -0
  173. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +5 -0
  174. package/SCSS-Themes/grids/grid/fluent2.scss +5 -0
  175. package/SCSS-Themes/grids/grid/highcontrast.scss +5 -0
  176. package/SCSS-Themes/grids/grid/material-dark.scss +5 -0
  177. package/SCSS-Themes/grids/grid/material.scss +5 -0
  178. package/SCSS-Themes/grids/grid/material3-dark.scss +5 -0
  179. package/SCSS-Themes/grids/grid/material3.scss +5 -0
  180. package/SCSS-Themes/grids/grid/tailwind-dark.scss +5 -0
  181. package/SCSS-Themes/grids/grid/tailwind.scss +5 -0
  182. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +5 -0
  183. package/SCSS-Themes/grids/grid/tailwind3.scss +5 -0
  184. package/SCSS-Themes/highcontrast-lite.scss +17 -1
  185. package/SCSS-Themes/highcontrast.scss +23 -2
  186. package/SCSS-Themes/material-dark-lite.scss +16 -1
  187. package/SCSS-Themes/material-dark.scss +22 -2
  188. package/SCSS-Themes/material-lite.scss +25 -1
  189. package/SCSS-Themes/material.scss +31 -2
  190. package/SCSS-Themes/material3-dark-lite.scss +16 -1
  191. package/SCSS-Themes/material3-dark.scss +22 -2
  192. package/SCSS-Themes/material3-lite.scss +16 -1
  193. package/SCSS-Themes/material3.scss +22 -2
  194. package/SCSS-Themes/tailwind-dark-lite.scss +16 -1
  195. package/SCSS-Themes/tailwind-dark.scss +22 -2
  196. package/SCSS-Themes/tailwind-lite.scss +16 -1
  197. package/SCSS-Themes/tailwind.scss +22 -2
  198. package/SCSS-Themes/tailwind3-dark-lite.scss +16 -1
  199. package/SCSS-Themes/tailwind3-dark.scss +22 -2
  200. package/SCSS-Themes/tailwind3-lite.scss +16 -1
  201. package/SCSS-Themes/tailwind3.scss +22 -2
  202. package/package.json +1 -1
@@ -2731,6 +2731,7 @@ $ddl-filter-background-color: $neutral-white !default;
2731
2731
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2732
2732
  $ddl-back-icon-padding: 0 !default;
2733
2733
  $ddl-filter-margin: 0 !default;
2734
+ $ddl-box-border-color: $neutral-tertiary !default;
2734
2735
 
2735
2736
  //small size
2736
2737
  $ddl-small-list-font-size: 13px !default;
@@ -3045,6 +3046,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
3045
3046
  color: rgb(221, 218, 218);
3046
3047
  }
3047
3048
  }
3049
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3050
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3051
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3052
+ border-color: $ddl-box-border-color;
3053
+ }
3054
+
3055
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3056
+ -webkit-box-shadow: none;
3057
+ box-shadow: none;
3058
+ }
3059
+
3060
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3061
+ box-shadow: none;
3062
+ }
3063
+ }
3048
3064
  }
3049
3065
 
3050
3066
 
@@ -76360,7 +76376,7 @@ $de-prop-btn-icon-clr: #ccc;
76360
76376
  margin-right: 0;
76361
76377
  }
76362
76378
  }
76363
- .e-colorpicker-wrapper,
76379
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76364
76380
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76365
76381
  .e-split-btn-wrapper.e-de-btn-hghlclr
76366
76382
  {
@@ -79440,7 +79456,7 @@ $de-prop-btn-icon-clr: #ccc;
79440
79456
  @if $skin-name =='tailwind3' {
79441
79457
  .e-bigger
79442
79458
  {
79443
- .e-colorpicker-wrapper,
79459
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79444
79460
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79445
79461
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79446
79462
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90227,6 +90243,11 @@ $grid-checkmark-color: $theme-dark-font !default;
90227
90243
  }
90228
90244
  }
90229
90245
  }
90246
+ & .e-gridcontent tr.e-verticalwrap td::before {
90247
+ @if $grid-skin == 'fluent' {
90248
+ bottom: auto;
90249
+ }
90250
+ }
90230
90251
  }
90231
90252
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90232
90253
  .e-reorderuparrow {
@@ -2606,6 +2606,7 @@ $ddl-filter-background-color: $neutral-white !default;
2606
2606
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2607
2607
  $ddl-back-icon-padding: 0 !default;
2608
2608
  $ddl-filter-margin: 0 !default;
2609
+ $ddl-box-border-color: $neutral-tertiary-alt !default;
2609
2610
 
2610
2611
  //small size
2611
2612
  $ddl-small-list-font-size: 13px !default;
@@ -2918,6 +2919,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
2918
2919
  color: rgb(221, 218, 218);
2919
2920
  }
2920
2921
  }
2922
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2923
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2924
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
2925
+ border-color: $ddl-box-border-color;
2926
+ }
2927
+
2928
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
2929
+ -webkit-box-shadow: none;
2930
+ box-shadow: none;
2931
+ }
2932
+
2933
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
2934
+ box-shadow: none;
2935
+ }
2936
+ }
2921
2937
  }
2922
2938
 
2923
2939
 
@@ -55672,7 +55688,7 @@ $de-prop-btn-icon-clr: #ccc;
55672
55688
  margin-right: 0;
55673
55689
  }
55674
55690
  }
55675
- .e-colorpicker-wrapper,
55691
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
55676
55692
  .e-split-btn-wrapper.e-de-prop-splitbutton,
55677
55693
  .e-split-btn-wrapper.e-de-btn-hghlclr
55678
55694
  {
@@ -2728,6 +2728,7 @@ $ddl-filter-background-color: $neutral-white !default;
2728
2728
  $ddl-back-icon-margin: -2px 10px 0 -54px !default;
2729
2729
  $ddl-back-icon-padding: 0 !default;
2730
2730
  $ddl-filter-margin: 0 !default;
2731
+ $ddl-box-border-color: $neutral-tertiary-alt !default;
2731
2732
 
2732
2733
  //small size
2733
2734
  $ddl-small-list-font-size: 13px !default;
@@ -3040,6 +3041,21 @@ $ddl-bigger-small-list-font-size: 14px !default;
3040
3041
  color: rgb(221, 218, 218);
3041
3042
  }
3042
3043
  }
3044
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3045
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3046
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3047
+ border-color: $ddl-box-border-color;
3048
+ }
3049
+
3050
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3051
+ -webkit-box-shadow: none;
3052
+ box-shadow: none;
3053
+ }
3054
+
3055
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3056
+ box-shadow: none;
3057
+ }
3058
+ }
3043
3059
  }
3044
3060
 
3045
3061
 
@@ -76131,7 +76147,7 @@ $de-prop-btn-icon-clr: #ccc;
76131
76147
  margin-right: 0;
76132
76148
  }
76133
76149
  }
76134
- .e-colorpicker-wrapper,
76150
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76135
76151
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76136
76152
  .e-split-btn-wrapper.e-de-btn-hghlclr
76137
76153
  {
@@ -79210,7 +79226,7 @@ $de-prop-btn-icon-clr: #ccc;
79210
79226
  @if $skin-name =='tailwind3' {
79211
79227
  .e-bigger
79212
79228
  {
79213
- .e-colorpicker-wrapper,
79229
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79214
79230
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79215
79231
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79216
79232
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90005,6 +90021,11 @@ $grid-checkmark-color: $theme-primary-font !default;
90005
90021
  }
90006
90022
  }
90007
90023
  }
90024
+ & .e-gridcontent tr.e-verticalwrap td::before {
90025
+ @if $grid-skin == 'fluent' {
90026
+ bottom: auto;
90027
+ }
90028
+ }
90008
90029
  }
90009
90030
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90010
90031
  .e-reorderuparrow {
@@ -2990,6 +2990,21 @@ $ddl-filter-box-shadow: none !default;
2990
2990
  color: rgb(221, 218, 218);
2991
2991
  }
2992
2992
  }
2993
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2994
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2995
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
2996
+ border-color: $ddl-box-border-color;
2997
+ }
2998
+
2999
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3000
+ -webkit-box-shadow: none;
3001
+ box-shadow: none;
3002
+ }
3003
+
3004
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3005
+ box-shadow: none;
3006
+ }
3007
+ }
2993
3008
  }
2994
3009
 
2995
3010
 
@@ -56299,7 +56314,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56299
56314
  margin-right: 0;
56300
56315
  }
56301
56316
  }
56302
- .e-colorpicker-wrapper,
56317
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56303
56318
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56304
56319
  .e-split-btn-wrapper.e-de-btn-hghlclr
56305
56320
  {
@@ -3112,6 +3112,21 @@ $ddl-filter-box-shadow: none !default;
3112
3112
  color: rgb(221, 218, 218);
3113
3113
  }
3114
3114
  }
3115
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3116
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3117
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3118
+ border-color: $ddl-box-border-color;
3119
+ }
3120
+
3121
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3122
+ -webkit-box-shadow: none;
3123
+ box-shadow: none;
3124
+ }
3125
+
3126
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3127
+ box-shadow: none;
3128
+ }
3129
+ }
3115
3130
  }
3116
3131
 
3117
3132
 
@@ -76758,7 +76773,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
76758
76773
  margin-right: 0;
76759
76774
  }
76760
76775
  }
76761
- .e-colorpicker-wrapper,
76776
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76762
76777
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76763
76778
  .e-split-btn-wrapper.e-de-btn-hghlclr
76764
76779
  {
@@ -79865,7 +79880,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
79865
79880
  @if $skin-name =='tailwind3' {
79866
79881
  .e-bigger
79867
79882
  {
79868
- .e-colorpicker-wrapper,
79883
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79869
79884
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79870
79885
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79871
79886
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90657,6 +90672,11 @@ $grid-checkmark-color: $primary-text-color !default;
90657
90672
  }
90658
90673
  }
90659
90674
  }
90675
+ & .e-gridcontent tr.e-verticalwrap td::before {
90676
+ @if $grid-skin == 'fluent' {
90677
+ bottom: auto;
90678
+ }
90679
+ }
90660
90680
  }
90661
90681
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90662
90682
  .e-reorderuparrow {
@@ -2990,6 +2990,21 @@ $ddl-filter-box-shadow: none !default;
2990
2990
  color: rgb(221, 218, 218);
2991
2991
  }
2992
2992
  }
2993
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
2994
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
2995
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
2996
+ border-color: $ddl-box-border-color;
2997
+ }
2998
+
2999
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3000
+ -webkit-box-shadow: none;
3001
+ box-shadow: none;
3002
+ }
3003
+
3004
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3005
+ box-shadow: none;
3006
+ }
3007
+ }
2993
3008
  }
2994
3009
 
2995
3010
 
@@ -56299,7 +56314,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
56299
56314
  margin-right: 0;
56300
56315
  }
56301
56316
  }
56302
- .e-colorpicker-wrapper,
56317
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
56303
56318
  .e-split-btn-wrapper.e-de-prop-splitbutton,
56304
56319
  .e-split-btn-wrapper.e-de-btn-hghlclr
56305
56320
  {
@@ -3112,6 +3112,21 @@ $ddl-filter-box-shadow: none !default;
3112
3112
  color: rgb(221, 218, 218);
3113
3113
  }
3114
3114
  }
3115
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3116
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3117
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3118
+ border-color: $ddl-box-border-color;
3119
+ }
3120
+
3121
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
3122
+ -webkit-box-shadow: none;
3123
+ box-shadow: none;
3124
+ }
3125
+
3126
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
3127
+ box-shadow: none;
3128
+ }
3129
+ }
3115
3130
  }
3116
3131
 
3117
3132
 
@@ -76758,7 +76773,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
76758
76773
  margin-right: 0;
76759
76774
  }
76760
76775
  }
76761
- .e-colorpicker-wrapper,
76776
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
76762
76777
  .e-split-btn-wrapper.e-de-prop-splitbutton,
76763
76778
  .e-split-btn-wrapper.e-de-btn-hghlclr
76764
76779
  {
@@ -79865,7 +79880,7 @@ $de-hover-bg: $content-bg-color-alt2 !default;
79865
79880
  @if $skin-name =='tailwind3' {
79866
79881
  .e-bigger
79867
79882
  {
79868
- .e-colorpicker-wrapper,
79883
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79869
79884
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79870
79885
  .e-split-btn-wrapper.e-de-btn-hghlclr,
79871
79886
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -90657,6 +90672,11 @@ $grid-checkmark-color: $primary-text-color !default;
90657
90672
  }
90658
90673
  }
90659
90674
  }
90675
+ & .e-gridcontent tr.e-verticalwrap td::before {
90676
+ @if $grid-skin == 'fluent' {
90677
+ bottom: auto;
90678
+ }
90679
+ }
90660
90680
  }
90661
90681
  .e-grid.sf-grid .e-gridheader .e-headercontent {
90662
90682
  .e-reorderuparrow {
@@ -3991,6 +3991,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3991
3991
  color: rgb(221, 218, 218);
3992
3992
  }
3993
3993
  }
3994
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3995
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3996
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3997
+ border-color: $ddl-box-border-color;
3998
+ }
3999
+
4000
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4001
+ -webkit-box-shadow: none;
4002
+ box-shadow: none;
4003
+ }
4004
+
4005
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4006
+ box-shadow: none;
4007
+ }
4008
+ }
3994
4009
  }
3995
4010
 
3996
4011
 
@@ -58210,7 +58225,7 @@ $de-hlt-clr-height-bigger: 24px;
58210
58225
  margin-right: 0;
58211
58226
  }
58212
58227
  }
58213
- .e-colorpicker-wrapper,
58228
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
58214
58229
  .e-split-btn-wrapper.e-de-prop-splitbutton,
58215
58230
  .e-split-btn-wrapper.e-de-btn-hghlclr
58216
58231
  {
@@ -4113,6 +4113,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4113
4113
  color: rgb(221, 218, 218);
4114
4114
  }
4115
4115
  }
4116
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4117
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4118
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
4119
+ border-color: $ddl-box-border-color;
4120
+ }
4121
+
4122
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4123
+ -webkit-box-shadow: none;
4124
+ box-shadow: none;
4125
+ }
4126
+
4127
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4128
+ box-shadow: none;
4129
+ }
4130
+ }
4116
4131
  }
4117
4132
 
4118
4133
 
@@ -78669,7 +78684,7 @@ $de-hlt-clr-height-bigger: 24px;
78669
78684
  margin-right: 0;
78670
78685
  }
78671
78686
  }
78672
- .e-colorpicker-wrapper,
78687
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
78673
78688
  .e-split-btn-wrapper.e-de-prop-splitbutton,
78674
78689
  .e-split-btn-wrapper.e-de-btn-hghlclr
78675
78690
  {
@@ -81775,7 +81790,7 @@ $de-hlt-clr-height-bigger: 24px;
81775
81790
  @if $skin-name =='tailwind3' {
81776
81791
  .e-bigger
81777
81792
  {
81778
- .e-colorpicker-wrapper,
81793
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
81779
81794
  .e-split-btn-wrapper.e-de-prop-splitbutton,
81780
81795
  .e-split-btn-wrapper.e-de-btn-hghlclr,
81781
81796
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -92575,6 +92590,11 @@ $grid-checkmark-color: $primary-text-color !default;
92575
92590
  }
92576
92591
  }
92577
92592
  }
92593
+ & .e-gridcontent tr.e-verticalwrap td::before {
92594
+ @if $grid-skin == 'fluent' {
92595
+ bottom: auto;
92596
+ }
92597
+ }
92578
92598
  }
92579
92599
  .e-grid.sf-grid .e-gridheader .e-headercontent {
92580
92600
  .e-reorderuparrow {
@@ -3991,6 +3991,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
3991
3991
  color: rgb(221, 218, 218);
3992
3992
  }
3993
3993
  }
3994
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
3995
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
3996
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
3997
+ border-color: $ddl-box-border-color;
3998
+ }
3999
+
4000
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4001
+ -webkit-box-shadow: none;
4002
+ box-shadow: none;
4003
+ }
4004
+
4005
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4006
+ box-shadow: none;
4007
+ }
4008
+ }
3994
4009
  }
3995
4010
 
3996
4011
 
@@ -58210,7 +58225,7 @@ $de-hlt-clr-height-bigger: 24px;
58210
58225
  margin-right: 0;
58211
58226
  }
58212
58227
  }
58213
- .e-colorpicker-wrapper,
58228
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
58214
58229
  .e-split-btn-wrapper.e-de-prop-splitbutton,
58215
58230
  .e-split-btn-wrapper.e-de-btn-hghlclr
58216
58231
  {
@@ -4113,6 +4113,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4113
4113
  color: rgb(221, 218, 218);
4114
4114
  }
4115
4115
  }
4116
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4117
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4118
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
4119
+ border-color: $ddl-box-border-color;
4120
+ }
4121
+
4122
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4123
+ -webkit-box-shadow: none;
4124
+ box-shadow: none;
4125
+ }
4126
+
4127
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4128
+ box-shadow: none;
4129
+ }
4130
+ }
4116
4131
  }
4117
4132
 
4118
4133
 
@@ -78669,7 +78684,7 @@ $de-hlt-clr-height-bigger: 24px;
78669
78684
  margin-right: 0;
78670
78685
  }
78671
78686
  }
78672
- .e-colorpicker-wrapper,
78687
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
78673
78688
  .e-split-btn-wrapper.e-de-prop-splitbutton,
78674
78689
  .e-split-btn-wrapper.e-de-btn-hghlclr
78675
78690
  {
@@ -81775,7 +81790,7 @@ $de-hlt-clr-height-bigger: 24px;
81775
81790
  @if $skin-name =='tailwind3' {
81776
81791
  .e-bigger
81777
81792
  {
81778
- .e-colorpicker-wrapper,
81793
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
81779
81794
  .e-split-btn-wrapper.e-de-prop-splitbutton,
81780
81795
  .e-split-btn-wrapper.e-de-btn-hghlclr,
81781
81796
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -92575,6 +92590,11 @@ $grid-checkmark-color: $primary-text-color !default;
92575
92590
  }
92576
92591
  }
92577
92592
  }
92593
+ & .e-gridcontent tr.e-verticalwrap td::before {
92594
+ @if $grid-skin == 'fluent' {
92595
+ bottom: auto;
92596
+ }
92597
+ }
92578
92598
  }
92579
92599
  .e-grid.sf-grid .e-gridheader .e-headercontent {
92580
92600
  .e-reorderuparrow {
@@ -4763,6 +4763,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4763
4763
  color: rgb(221, 218, 218);
4764
4764
  }
4765
4765
  }
4766
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4767
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4768
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
4769
+ border-color: $ddl-box-border-color;
4770
+ }
4771
+
4772
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4773
+ -webkit-box-shadow: none;
4774
+ box-shadow: none;
4775
+ }
4776
+
4777
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4778
+ box-shadow: none;
4779
+ }
4780
+ }
4766
4781
  }
4767
4782
 
4768
4783
 
@@ -58982,7 +58997,7 @@ $de-hlt-clr-height-bigger: 24px;
58982
58997
  margin-right: 0;
58983
58998
  }
58984
58999
  }
58985
- .e-colorpicker-wrapper,
59000
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
58986
59001
  .e-split-btn-wrapper.e-de-prop-splitbutton,
58987
59002
  .e-split-btn-wrapper.e-de-btn-hghlclr
58988
59003
  {
@@ -4885,6 +4885,21 @@ $ddl-list-disable-item-color: $flyout-text-color-disabled !default;
4885
4885
  color: rgb(221, 218, 218);
4886
4886
  }
4887
4887
  }
4888
+ .e-ddl.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
4889
+ .e-ddl.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
4890
+ @if $skin-name =='fabric' or $skin-name =='bootstrap' or $skin-name =='bootstrap4' or $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' or $skin-name =='highcontrast' {
4891
+ border-color: $ddl-box-border-color;
4892
+ }
4893
+
4894
+ @if $skin-name =='bootstrap' or $skin-name =='bootstrap4' {
4895
+ -webkit-box-shadow: none;
4896
+ box-shadow: none;
4897
+ }
4898
+
4899
+ @if $skin-name =='bootstrap5' or $skin-name =='bootstrap5.3' {
4900
+ box-shadow: none;
4901
+ }
4902
+ }
4888
4903
  }
4889
4904
 
4890
4905
 
@@ -79441,7 +79456,7 @@ $de-hlt-clr-height-bigger: 24px;
79441
79456
  margin-right: 0;
79442
79457
  }
79443
79458
  }
79444
- .e-colorpicker-wrapper,
79459
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
79445
79460
  .e-split-btn-wrapper.e-de-prop-splitbutton,
79446
79461
  .e-split-btn-wrapper.e-de-btn-hghlclr
79447
79462
  {
@@ -82547,7 +82562,7 @@ $de-hlt-clr-height-bigger: 24px;
82547
82562
  @if $skin-name =='tailwind3' {
82548
82563
  .e-bigger
82549
82564
  {
82550
- .e-colorpicker-wrapper,
82565
+ .e-colorpicker-wrapper.e-de-font-clr-picker,
82551
82566
  .e-split-btn-wrapper.e-de-prop-splitbutton,
82552
82567
  .e-split-btn-wrapper.e-de-btn-hghlclr,
82553
82568
  .e-de-ctnr-segment>div:first-child:not(.e-rtl),
@@ -93347,6 +93362,11 @@ $grid-checkmark-color: $primary-text-color !default;
93347
93362
  }
93348
93363
  }
93349
93364
  }
93365
+ & .e-gridcontent tr.e-verticalwrap td::before {
93366
+ @if $grid-skin == 'fluent' {
93367
+ bottom: auto;
93368
+ }
93369
+ }
93350
93370
  }
93351
93371
  .e-grid.sf-grid .e-gridheader .e-headercontent {
93352
93372
  .e-reorderuparrow {
@@ -7702,6 +7702,11 @@ $grid-checkmark-color: $primary !default;
7702
7702
  }
7703
7703
  }
7704
7704
  }
7705
+ & .e-gridcontent tr.e-verticalwrap td::before {
7706
+ @if $grid-skin == 'fluent' {
7707
+ bottom: auto;
7708
+ }
7709
+ }
7705
7710
  }
7706
7711
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7707
7712
  .e-reorderuparrow {
@@ -7702,6 +7702,11 @@ $grid-checkmark-color: $primary !default;
7702
7702
  }
7703
7703
  }
7704
7704
  }
7705
+ & .e-gridcontent tr.e-verticalwrap td::before {
7706
+ @if $grid-skin == 'fluent' {
7707
+ bottom: auto;
7708
+ }
7709
+ }
7705
7710
  }
7706
7711
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7707
7712
  .e-reorderuparrow {
@@ -7701,6 +7701,11 @@ $grid-checkmark-color: $grey-light-font !default;
7701
7701
  }
7702
7702
  }
7703
7703
  }
7704
+ & .e-gridcontent tr.e-verticalwrap td::before {
7705
+ @if $grid-skin == 'fluent' {
7706
+ bottom: auto;
7707
+ }
7708
+ }
7704
7709
  }
7705
7710
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7706
7711
  .e-reorderuparrow {
@@ -7698,6 +7698,11 @@ $grid-checkmark-color: $grey !default;
7698
7698
  }
7699
7699
  }
7700
7700
  }
7701
+ & .e-gridcontent tr.e-verticalwrap td::before {
7702
+ @if $grid-skin == 'fluent' {
7703
+ bottom: auto;
7704
+ }
7705
+ }
7701
7706
  }
7702
7707
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7703
7708
  .e-reorderuparrow {
@@ -7680,6 +7680,11 @@ $grid-checkmark-color: $white !default;
7680
7680
  }
7681
7681
  }
7682
7682
  }
7683
+ & .e-gridcontent tr.e-verticalwrap td::before {
7684
+ @if $grid-skin == 'fluent' {
7685
+ bottom: auto;
7686
+ }
7687
+ }
7683
7688
  }
7684
7689
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7685
7690
  .e-reorderuparrow {
@@ -7690,6 +7690,11 @@ $grid-checkmark-color: $primary-text-color !default;
7690
7690
  }
7691
7691
  }
7692
7692
  }
7693
+ & .e-gridcontent tr.e-verticalwrap td::before {
7694
+ @if $grid-skin == 'fluent' {
7695
+ bottom: auto;
7696
+ }
7697
+ }
7693
7698
  }
7694
7699
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7695
7700
  .e-reorderuparrow {
@@ -7690,6 +7690,11 @@ $grid-checkmark-color: $primary-text-color !default;
7690
7690
  }
7691
7691
  }
7692
7692
  }
7693
+ & .e-gridcontent tr.e-verticalwrap td::before {
7694
+ @if $grid-skin == 'fluent' {
7695
+ bottom: auto;
7696
+ }
7697
+ }
7693
7698
  }
7694
7699
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7695
7700
  .e-reorderuparrow {
@@ -7690,6 +7690,11 @@ $grid-checkmark-color: $primary-text-color !default;
7690
7690
  }
7691
7691
  }
7692
7692
  }
7693
+ & .e-gridcontent tr.e-verticalwrap td::before {
7694
+ @if $grid-skin == 'fluent' {
7695
+ bottom: auto;
7696
+ }
7697
+ }
7693
7698
  }
7694
7699
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7695
7700
  .e-reorderuparrow {