@syncfusion/blazor-themes 29.1.38 → 29.1.40

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 (203) hide show
  1. package/Compiled-Themes/bds-dark-lite.css +1 -0
  2. package/Compiled-Themes/bds-dark.css +1 -0
  3. package/Compiled-Themes/bds-lite.css +1 -0
  4. package/Compiled-Themes/bds.css +1 -0
  5. package/Compiled-Themes/bootstrap-dark-lite.css +1 -0
  6. package/Compiled-Themes/bootstrap-dark.css +1 -0
  7. package/Compiled-Themes/bootstrap-lite.css +1 -0
  8. package/Compiled-Themes/bootstrap.css +1 -0
  9. package/Compiled-Themes/bootstrap4-lite.css +1 -0
  10. package/Compiled-Themes/bootstrap4.css +1 -0
  11. package/Compiled-Themes/bootstrap5-dark-lite.css +1 -0
  12. package/Compiled-Themes/bootstrap5-dark.css +1 -0
  13. package/Compiled-Themes/bootstrap5-lite.css +1 -0
  14. package/Compiled-Themes/bootstrap5.3-dark-lite.css +1 -0
  15. package/Compiled-Themes/bootstrap5.3-dark.css +1 -0
  16. package/Compiled-Themes/bootstrap5.3-lite.css +1 -0
  17. package/Compiled-Themes/bootstrap5.3.css +1 -0
  18. package/Compiled-Themes/bootstrap5.css +1 -0
  19. package/Compiled-Themes/fabric-dark-lite.css +1 -0
  20. package/Compiled-Themes/fabric-dark.css +1 -0
  21. package/Compiled-Themes/fabric-lite.css +1 -0
  22. package/Compiled-Themes/fabric.css +1 -0
  23. package/Compiled-Themes/fluent-dark-lite.css +1 -0
  24. package/Compiled-Themes/fluent-dark.css +5 -0
  25. package/Compiled-Themes/fluent-lite.css +1 -0
  26. package/Compiled-Themes/fluent.css +5 -0
  27. package/Compiled-Themes/fluent2-dark-lite.css +1 -0
  28. package/Compiled-Themes/fluent2-dark.css +1 -0
  29. package/Compiled-Themes/fluent2-highcontrast-lite.css +1 -0
  30. package/Compiled-Themes/fluent2-highcontrast.css +1 -0
  31. package/Compiled-Themes/fluent2-lite.css +1 -0
  32. package/Compiled-Themes/fluent2.css +1 -0
  33. package/Compiled-Themes/highcontrast-lite.css +1 -0
  34. package/Compiled-Themes/highcontrast.css +1 -0
  35. package/Compiled-Themes/material-dark-lite.css +3 -1
  36. package/Compiled-Themes/material-dark.css +3 -1
  37. package/Compiled-Themes/material-lite.css +12 -1
  38. package/Compiled-Themes/material.css +12 -1
  39. package/Compiled-Themes/material3-dark-lite.css +3 -1
  40. package/Compiled-Themes/material3-dark.css +3 -1
  41. package/Compiled-Themes/material3-lite.css +3 -1
  42. package/Compiled-Themes/material3.css +3 -1
  43. package/Compiled-Themes/tailwind-dark-lite.css +1 -0
  44. package/Compiled-Themes/tailwind-dark.css +1 -0
  45. package/Compiled-Themes/tailwind-lite.css +1 -0
  46. package/Compiled-Themes/tailwind.css +1 -0
  47. package/Compiled-Themes/tailwind3-dark-lite.css +1 -0
  48. package/Compiled-Themes/tailwind3-dark.css +4 -3
  49. package/Compiled-Themes/tailwind3-lite.css +1 -0
  50. package/Compiled-Themes/tailwind3.css +4 -3
  51. package/SCSS-Themes/bds-dark-lite.scss +4 -1
  52. package/SCSS-Themes/bds-dark.scss +9 -1
  53. package/SCSS-Themes/bds-lite.scss +4 -1
  54. package/SCSS-Themes/bds.scss +9 -1
  55. package/SCSS-Themes/bootstrap-dark-lite.scss +4 -1
  56. package/SCSS-Themes/bootstrap-dark.scss +9 -1
  57. package/SCSS-Themes/bootstrap-lite.scss +4 -1
  58. package/SCSS-Themes/bootstrap.scss +9 -1
  59. package/SCSS-Themes/bootstrap4-lite.scss +4 -1
  60. package/SCSS-Themes/bootstrap4.scss +9 -1
  61. package/SCSS-Themes/bootstrap5-dark-lite.scss +4 -1
  62. package/SCSS-Themes/bootstrap5-dark.scss +9 -1
  63. package/SCSS-Themes/bootstrap5-lite.scss +4 -1
  64. package/SCSS-Themes/bootstrap5.3-dark-lite.scss +4 -1
  65. package/SCSS-Themes/bootstrap5.3-dark.scss +9 -1
  66. package/SCSS-Themes/bootstrap5.3-lite.scss +4 -1
  67. package/SCSS-Themes/bootstrap5.3.scss +9 -1
  68. package/SCSS-Themes/bootstrap5.scss +9 -1
  69. package/SCSS-Themes/dropdowns/multi-select/material-lite.scss +9 -0
  70. package/SCSS-Themes/dropdowns/multi-select/material.scss +9 -0
  71. package/SCSS-Themes/fabric-dark-lite.scss +4 -1
  72. package/SCSS-Themes/fabric-dark.scss +9 -1
  73. package/SCSS-Themes/fabric-lite.scss +4 -1
  74. package/SCSS-Themes/fabric.scss +9 -1
  75. package/SCSS-Themes/fluent-dark-lite.scss +4 -1
  76. package/SCSS-Themes/fluent-dark.scss +9 -1
  77. package/SCSS-Themes/fluent-lite.scss +4 -1
  78. package/SCSS-Themes/fluent.scss +9 -1
  79. package/SCSS-Themes/fluent2-dark-lite.scss +4 -1
  80. package/SCSS-Themes/fluent2-dark.scss +9 -1
  81. package/SCSS-Themes/fluent2-highcontrast-lite.scss +4 -1
  82. package/SCSS-Themes/fluent2-highcontrast.scss +9 -1
  83. package/SCSS-Themes/fluent2-lite.scss +4 -1
  84. package/SCSS-Themes/fluent2.scss +9 -1
  85. package/SCSS-Themes/grids/grid/bds-dark-lite.scss +2 -0
  86. package/SCSS-Themes/grids/grid/bds-dark.scss +7 -0
  87. package/SCSS-Themes/grids/grid/bds-lite.scss +2 -0
  88. package/SCSS-Themes/grids/grid/bds.scss +7 -0
  89. package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss +2 -0
  90. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +7 -0
  91. package/SCSS-Themes/grids/grid/bootstrap-lite.scss +2 -0
  92. package/SCSS-Themes/grids/grid/bootstrap.scss +7 -0
  93. package/SCSS-Themes/grids/grid/bootstrap4-lite.scss +2 -0
  94. package/SCSS-Themes/grids/grid/bootstrap4.scss +7 -0
  95. package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss +2 -0
  96. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +7 -0
  97. package/SCSS-Themes/grids/grid/bootstrap5-lite.scss +2 -0
  98. package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss +2 -0
  99. package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss +7 -0
  100. package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss +2 -0
  101. package/SCSS-Themes/grids/grid/bootstrap5.3.scss +7 -0
  102. package/SCSS-Themes/grids/grid/bootstrap5.scss +7 -0
  103. package/SCSS-Themes/grids/grid/fabric-dark-lite.scss +2 -0
  104. package/SCSS-Themes/grids/grid/fabric-dark.scss +7 -0
  105. package/SCSS-Themes/grids/grid/fabric-lite.scss +2 -0
  106. package/SCSS-Themes/grids/grid/fabric.scss +7 -0
  107. package/SCSS-Themes/grids/grid/fluent-dark-lite.scss +2 -0
  108. package/SCSS-Themes/grids/grid/fluent-dark.scss +7 -0
  109. package/SCSS-Themes/grids/grid/fluent-lite.scss +2 -0
  110. package/SCSS-Themes/grids/grid/fluent.scss +7 -0
  111. package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss +2 -0
  112. package/SCSS-Themes/grids/grid/fluent2-dark.scss +7 -0
  113. package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss +2 -0
  114. package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss +7 -0
  115. package/SCSS-Themes/grids/grid/fluent2-lite.scss +2 -0
  116. package/SCSS-Themes/grids/grid/fluent2.scss +7 -0
  117. package/SCSS-Themes/grids/grid/highcontrast-lite.scss +2 -0
  118. package/SCSS-Themes/grids/grid/highcontrast.scss +7 -0
  119. package/SCSS-Themes/grids/grid/material-dark-lite.scss +2 -0
  120. package/SCSS-Themes/grids/grid/material-dark.scss +7 -0
  121. package/SCSS-Themes/grids/grid/material-lite.scss +2 -0
  122. package/SCSS-Themes/grids/grid/material.scss +7 -0
  123. package/SCSS-Themes/grids/grid/material3-dark-lite.scss +2 -0
  124. package/SCSS-Themes/grids/grid/material3-dark.scss +7 -0
  125. package/SCSS-Themes/grids/grid/material3-lite.scss +2 -0
  126. package/SCSS-Themes/grids/grid/material3.scss +7 -0
  127. package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss +2 -0
  128. package/SCSS-Themes/grids/grid/tailwind-dark.scss +7 -0
  129. package/SCSS-Themes/grids/grid/tailwind-lite.scss +2 -0
  130. package/SCSS-Themes/grids/grid/tailwind.scss +7 -0
  131. package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss +2 -0
  132. package/SCSS-Themes/grids/grid/tailwind3-dark.scss +7 -0
  133. package/SCSS-Themes/grids/grid/tailwind3-lite.scss +2 -0
  134. package/SCSS-Themes/grids/grid/tailwind3.scss +7 -0
  135. package/SCSS-Themes/highcontrast-lite.scss +4 -1
  136. package/SCSS-Themes/highcontrast.scss +9 -1
  137. package/SCSS-Themes/inputs/input/bds-dark-lite.scss +2 -1
  138. package/SCSS-Themes/inputs/input/bds-dark.scss +2 -1
  139. package/SCSS-Themes/inputs/input/bds-lite.scss +2 -1
  140. package/SCSS-Themes/inputs/input/bds.scss +2 -1
  141. package/SCSS-Themes/inputs/input/bootstrap-dark-lite.scss +2 -1
  142. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +2 -1
  143. package/SCSS-Themes/inputs/input/bootstrap-lite.scss +2 -1
  144. package/SCSS-Themes/inputs/input/bootstrap.scss +2 -1
  145. package/SCSS-Themes/inputs/input/bootstrap4-lite.scss +2 -1
  146. package/SCSS-Themes/inputs/input/bootstrap4.scss +2 -1
  147. package/SCSS-Themes/inputs/input/bootstrap5-dark-lite.scss +2 -1
  148. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +2 -1
  149. package/SCSS-Themes/inputs/input/bootstrap5-lite.scss +2 -1
  150. package/SCSS-Themes/inputs/input/bootstrap5.3-dark-lite.scss +2 -1
  151. package/SCSS-Themes/inputs/input/bootstrap5.3-dark.scss +2 -1
  152. package/SCSS-Themes/inputs/input/bootstrap5.3-lite.scss +2 -1
  153. package/SCSS-Themes/inputs/input/bootstrap5.3.scss +2 -1
  154. package/SCSS-Themes/inputs/input/bootstrap5.scss +2 -1
  155. package/SCSS-Themes/inputs/input/fabric-dark-lite.scss +2 -1
  156. package/SCSS-Themes/inputs/input/fabric-dark.scss +2 -1
  157. package/SCSS-Themes/inputs/input/fabric-lite.scss +2 -1
  158. package/SCSS-Themes/inputs/input/fabric.scss +2 -1
  159. package/SCSS-Themes/inputs/input/fluent-dark-lite.scss +2 -1
  160. package/SCSS-Themes/inputs/input/fluent-dark.scss +2 -1
  161. package/SCSS-Themes/inputs/input/fluent-lite.scss +2 -1
  162. package/SCSS-Themes/inputs/input/fluent.scss +2 -1
  163. package/SCSS-Themes/inputs/input/fluent2-dark-lite.scss +2 -1
  164. package/SCSS-Themes/inputs/input/fluent2-dark.scss +2 -1
  165. package/SCSS-Themes/inputs/input/fluent2-highcontrast-lite.scss +2 -1
  166. package/SCSS-Themes/inputs/input/fluent2-highcontrast.scss +2 -1
  167. package/SCSS-Themes/inputs/input/fluent2-lite.scss +2 -1
  168. package/SCSS-Themes/inputs/input/fluent2.scss +2 -1
  169. package/SCSS-Themes/inputs/input/highcontrast-lite.scss +2 -1
  170. package/SCSS-Themes/inputs/input/highcontrast.scss +2 -1
  171. package/SCSS-Themes/inputs/input/material-dark-lite.scss +2 -1
  172. package/SCSS-Themes/inputs/input/material-dark.scss +2 -1
  173. package/SCSS-Themes/inputs/input/material-lite.scss +2 -1
  174. package/SCSS-Themes/inputs/input/material.scss +2 -1
  175. package/SCSS-Themes/inputs/input/material3-dark-lite.scss +2 -1
  176. package/SCSS-Themes/inputs/input/material3-dark.scss +2 -1
  177. package/SCSS-Themes/inputs/input/material3-lite.scss +2 -1
  178. package/SCSS-Themes/inputs/input/material3.scss +2 -1
  179. package/SCSS-Themes/inputs/input/tailwind-dark-lite.scss +2 -1
  180. package/SCSS-Themes/inputs/input/tailwind-dark.scss +2 -1
  181. package/SCSS-Themes/inputs/input/tailwind-lite.scss +2 -1
  182. package/SCSS-Themes/inputs/input/tailwind.scss +2 -1
  183. package/SCSS-Themes/inputs/input/tailwind3-dark-lite.scss +5 -4
  184. package/SCSS-Themes/inputs/input/tailwind3-dark.scss +5 -4
  185. package/SCSS-Themes/inputs/input/tailwind3-lite.scss +5 -4
  186. package/SCSS-Themes/inputs/input/tailwind3.scss +5 -4
  187. package/SCSS-Themes/material-dark-lite.scss +4 -1
  188. package/SCSS-Themes/material-dark.scss +9 -1
  189. package/SCSS-Themes/material-lite.scss +13 -1
  190. package/SCSS-Themes/material.scss +18 -1
  191. package/SCSS-Themes/material3-dark-lite.scss +4 -1
  192. package/SCSS-Themes/material3-dark.scss +9 -1
  193. package/SCSS-Themes/material3-lite.scss +4 -1
  194. package/SCSS-Themes/material3.scss +9 -1
  195. package/SCSS-Themes/tailwind-dark-lite.scss +4 -1
  196. package/SCSS-Themes/tailwind-dark.scss +9 -1
  197. package/SCSS-Themes/tailwind-lite.scss +4 -1
  198. package/SCSS-Themes/tailwind.scss +9 -1
  199. package/SCSS-Themes/tailwind3-dark-lite.scss +7 -4
  200. package/SCSS-Themes/tailwind3-dark.scss +12 -4
  201. package/SCSS-Themes/tailwind3-lite.scss +7 -4
  202. package/SCSS-Themes/tailwind3.scss +12 -4
  203. package/package.json +1 -1
package/SCSS-Themes/grids/grid/bootstrap5-lite.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/bootstrap5.3-dark-lite.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/bootstrap5.3-dark.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
@@ -7688,6 +7690,11 @@ $grid-checkmark-color: $primary-text-color !default;
7688
7690
  }
7689
7691
  }
7690
7692
  }
7693
+ & .e-gridcontent tr.e-verticalwrap td::before {
7694
+ @if $grid-skin == 'fluent' {
7695
+ bottom: auto;
7696
+ }
7697
+ }
7691
7698
  }
7692
7699
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7693
7700
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/bootstrap5.3-lite.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/bootstrap5.3.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
@@ -7688,6 +7690,11 @@ $grid-checkmark-color: $primary-text-color !default;
7688
7690
  }
7689
7691
  }
7690
7692
  }
7693
+ & .e-gridcontent tr.e-verticalwrap td::before {
7694
+ @if $grid-skin == 'fluent' {
7695
+ bottom: auto;
7696
+ }
7697
+ }
7691
7698
  }
7692
7699
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7693
7700
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/bootstrap5.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
@@ -7688,6 +7690,11 @@ $grid-checkmark-color: $primary-text-color !default;
7688
7690
  }
7689
7691
  }
7690
7692
  }
7693
+ & .e-gridcontent tr.e-verticalwrap td::before {
7694
+ @if $grid-skin == 'fluent' {
7695
+ bottom: auto;
7696
+ }
7697
+ }
7691
7698
  }
7692
7699
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7693
7700
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/fabric-dark-lite.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-border: 0 !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-group-text-marign-right: 0 !default;
120
121
  $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
121
122
  $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1059,6 +1060,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1059
1060
  .e-cc-lab-name,
1060
1061
  .e-checkbox-wrapper .e-label {
1061
1062
  text-overflow: ellipsis;
1063
+ width: $grid-columnchooser-checkbox-label-width;
1062
1064
  }
1063
1065
 
1064
1066
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/fabric-dark.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-border: 0 !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 13px 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-group-text-marign-right: 0 !default;
120
121
  $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
121
122
  $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1059,6 +1060,7 @@ $grid-checkmark-color: $theme-dark-font !default;
1059
1060
  .e-cc-lab-name,
1060
1061
  .e-checkbox-wrapper .e-label {
1061
1062
  text-overflow: ellipsis;
1063
+ width: $grid-columnchooser-checkbox-label-width;
1062
1064
  }
1063
1065
 
1064
1066
  .e-cc-chbox {
@@ -7693,6 +7695,11 @@ $grid-checkmark-color: $theme-dark-font !default;
7693
7695
  }
7694
7696
  }
7695
7697
  }
7698
+ & .e-gridcontent tr.e-verticalwrap td::before {
7699
+ @if $grid-skin == 'fluent' {
7700
+ bottom: auto;
7701
+ }
7702
+ }
7696
7703
  }
7697
7704
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7698
7705
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/fabric-lite.scss CHANGED
@@ -122,6 +122,7 @@ $grid-columnchooser-input-border: 0 !default;
122
122
  $grid-columnchooser-input-padding-left: 4px !default;
123
123
  $grid-columnchooser-ul-margin: 13px 0 !default;
124
124
  $grid-column-chooser-dlg-footer-padding: 8px !default;
125
+ $grid-columnchooser-checkbox-label-width: 150px !default;
125
126
  $grid-rtl-group-text-marign-right: 0 !default;
126
127
  $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
127
128
  $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $theme-primary-font !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/fabric.scss CHANGED
@@ -122,6 +122,7 @@ $grid-columnchooser-input-border: 0 !default;
122
122
  $grid-columnchooser-input-padding-left: 4px !default;
123
123
  $grid-columnchooser-ul-margin: 13px 0 !default;
124
124
  $grid-column-chooser-dlg-footer-padding: 8px !default;
125
+ $grid-columnchooser-checkbox-label-width: 150px !default;
125
126
  $grid-rtl-group-text-marign-right: 0 !default;
126
127
  $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
127
128
  $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $theme-primary-font !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
@@ -7696,6 +7698,11 @@ $grid-checkmark-color: $theme-primary-font !default;
7696
7698
  }
7697
7699
  }
7698
7700
  }
7701
+ & .e-gridcontent tr.e-verticalwrap td::before {
7702
+ @if $grid-skin == 'fluent' {
7703
+ bottom: auto;
7704
+ }
7705
+ }
7699
7706
  }
7700
7707
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7701
7708
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/fluent-dark-lite.scss CHANGED
@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
178
178
  $grid-columnchooser-input-padding-left: 4px !default;
179
179
  $grid-columnchooser-ul-margin: 13px 0 !default;
180
180
  $grid-column-chooser-dlg-footer-padding: 8px !default;
181
+ $grid-columnchooser-checkbox-label-width: 130px !default;
181
182
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
182
183
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
183
184
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
1061
1062
  .e-cc-lab-name,
1062
1063
  .e-checkbox-wrapper .e-label {
1063
1064
  text-overflow: ellipsis;
1065
+ width: $grid-columnchooser-checkbox-label-width;
1064
1066
  }
1065
1067
 
1066
1068
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
178
178
  $grid-columnchooser-input-padding-left: 4px !default;
179
179
  $grid-columnchooser-ul-margin: 13px 0 !default;
180
180
  $grid-column-chooser-dlg-footer-padding: 8px !default;
181
+ $grid-columnchooser-checkbox-label-width: 130px !default;
181
182
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
182
183
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
183
184
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
1061
1062
  .e-cc-lab-name,
1062
1063
  .e-checkbox-wrapper .e-label {
1063
1064
  text-overflow: ellipsis;
1065
+ width: $grid-columnchooser-checkbox-label-width;
1064
1066
  }
1065
1067
 
1066
1068
  .e-cc-chbox {
@@ -7695,6 +7697,11 @@ $grid-checkmark-color: $primary-text-color !default;
7695
7697
  }
7696
7698
  }
7697
7699
  }
7700
+ & .e-gridcontent tr.e-verticalwrap td::before {
7701
+ @if $grid-skin == 'fluent' {
7702
+ bottom: auto;
7703
+ }
7704
+ }
7698
7705
  }
7699
7706
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7700
7707
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/fluent-lite.scss CHANGED
@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
178
178
  $grid-columnchooser-input-padding-left: 4px !default;
179
179
  $grid-columnchooser-ul-margin: 13px 0 !default;
180
180
  $grid-column-chooser-dlg-footer-padding: 8px !default;
181
+ $grid-columnchooser-checkbox-label-width: 130px !default;
181
182
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
182
183
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
183
184
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
1061
1062
  .e-cc-lab-name,
1062
1063
  .e-checkbox-wrapper .e-label {
1063
1064
  text-overflow: ellipsis;
1065
+ width: $grid-columnchooser-checkbox-label-width;
1064
1066
  }
1065
1067
 
1066
1068
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -178,6 +178,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
178
178
  $grid-columnchooser-input-padding-left: 4px !default;
179
179
  $grid-columnchooser-ul-margin: 13px 0 !default;
180
180
  $grid-column-chooser-dlg-footer-padding: 8px !default;
181
+ $grid-columnchooser-checkbox-label-width: 130px !default;
181
182
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
182
183
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
183
184
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -1061,6 +1062,7 @@ $grid-checkmark-color: $primary-text-color !default;
1061
1062
  .e-cc-lab-name,
1062
1063
  .e-checkbox-wrapper .e-label {
1063
1064
  text-overflow: ellipsis;
1065
+ width: $grid-columnchooser-checkbox-label-width;
1064
1066
  }
1065
1067
 
1066
1068
  .e-cc-chbox {
@@ -7695,6 +7697,11 @@ $grid-checkmark-color: $primary-text-color !default;
7695
7697
  }
7696
7698
  }
7697
7699
  }
7700
+ & .e-gridcontent tr.e-verticalwrap td::before {
7701
+ @if $grid-skin == 'fluent' {
7702
+ bottom: auto;
7703
+ }
7704
+ }
7698
7705
  }
7699
7706
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7700
7707
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/fluent2-dark-lite.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 4px 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
1071
1072
  .e-cc-lab-name,
1072
1073
  .e-checkbox-wrapper .e-label {
1073
1074
  text-overflow: ellipsis;
1075
+ width: $grid-columnchooser-checkbox-label-width;
1074
1076
  }
1075
1077
 
1076
1078
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/fluent2-dark.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 4px 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
1071
1072
  .e-cc-lab-name,
1072
1073
  .e-checkbox-wrapper .e-label {
1073
1074
  text-overflow: ellipsis;
1075
+ width: $grid-columnchooser-checkbox-label-width;
1074
1076
  }
1075
1077
 
1076
1078
  .e-cc-chbox {
@@ -7705,6 +7707,11 @@ $grid-checkmark-color: $primary-text-color !default;
7705
7707
  }
7706
7708
  }
7707
7709
  }
7710
+ & .e-gridcontent tr.e-verticalwrap td::before {
7711
+ @if $grid-skin == 'fluent' {
7712
+ bottom: auto;
7713
+ }
7714
+ }
7708
7715
  }
7709
7716
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7710
7717
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/fluent2-highcontrast-lite.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 4px 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
1071
1072
  .e-cc-lab-name,
1072
1073
  .e-checkbox-wrapper .e-label {
1073
1074
  text-overflow: ellipsis;
1075
+ width: $grid-columnchooser-checkbox-label-width;
1074
1076
  }
1075
1077
 
1076
1078
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 4px 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
1071
1072
  .e-cc-lab-name,
1072
1073
  .e-checkbox-wrapper .e-label {
1073
1074
  text-overflow: ellipsis;
1075
+ width: $grid-columnchooser-checkbox-label-width;
1074
1076
  }
1075
1077
 
1076
1078
  .e-cc-chbox {
@@ -7705,6 +7707,11 @@ $grid-checkmark-color: $primary-text-color !default;
7705
7707
  }
7706
7708
  }
7707
7709
  }
7710
+ & .e-gridcontent tr.e-verticalwrap td::before {
7711
+ @if $grid-skin == 'fluent' {
7712
+ bottom: auto;
7713
+ }
7714
+ }
7708
7715
  }
7709
7716
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7710
7717
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/fluent2-lite.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 4px 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
1071
1072
  .e-cc-lab-name,
1072
1073
  .e-checkbox-wrapper .e-label {
1073
1074
  text-overflow: ellipsis;
1075
+ width: $grid-columnchooser-checkbox-label-width;
1074
1076
  }
1075
1077
 
1076
1078
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/fluent2.scss CHANGED
@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
116
116
  $grid-columnchooser-input-padding-left: 4px !default;
117
117
  $grid-columnchooser-ul-margin: 0 !default;
118
118
  $grid-column-chooser-dlg-footer-padding: 8px !default;
119
+ $grid-columnchooser-checkbox-label-width: 150px !default;
119
120
  $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
120
121
  $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 4px 0 4px !default;
121
122
  $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -1071,6 +1072,7 @@ $grid-checkmark-color: $primary-text-color !default;
1071
1072
  .e-cc-lab-name,
1072
1073
  .e-checkbox-wrapper .e-label {
1073
1074
  text-overflow: ellipsis;
1075
+ width: $grid-columnchooser-checkbox-label-width;
1074
1076
  }
1075
1077
 
1076
1078
  .e-cc-chbox {
@@ -7705,6 +7707,11 @@ $grid-checkmark-color: $primary-text-color !default;
7705
7707
  }
7706
7708
  }
7707
7709
  }
7710
+ & .e-gridcontent tr.e-verticalwrap td::before {
7711
+ @if $grid-skin == 'fluent' {
7712
+ bottom: auto;
7713
+ }
7714
+ }
7708
7715
  }
7709
7716
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7710
7717
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/highcontrast-lite.scss CHANGED
@@ -120,6 +120,7 @@ $grid-columnchooser-input-border: 0 !default;
120
120
  $grid-columnchooser-input-padding-left: 4px !default;
121
121
  $grid-columnchooser-ul-margin: 13px 0 !default;
122
122
  $grid-column-chooser-dlg-footer-padding: 8px !default;
123
+ $grid-columnchooser-checkbox-label-width: 150px !default;
123
124
  $grid-rtl-group-text-marign-right: 0 !default;
124
125
  $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 8px !default;
125
126
  $grid-rtl-textwrap-sorticon-margin: -17px 4px -17px 8px !default;
@@ -1058,6 +1059,7 @@ $grid-checkmark-color: $selection-font !default;
1058
1059
  .e-cc-lab-name,
1059
1060
  .e-checkbox-wrapper .e-label {
1060
1061
  text-overflow: ellipsis;
1062
+ width: $grid-columnchooser-checkbox-label-width;
1061
1063
  }
1062
1064
 
1063
1065
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -120,6 +120,7 @@ $grid-columnchooser-input-border: 0 !default;
120
120
  $grid-columnchooser-input-padding-left: 4px !default;
121
121
  $grid-columnchooser-ul-margin: 13px 0 !default;
122
122
  $grid-column-chooser-dlg-footer-padding: 8px !default;
123
+ $grid-columnchooser-checkbox-label-width: 150px !default;
123
124
  $grid-rtl-group-text-marign-right: 0 !default;
124
125
  $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 8px !default;
125
126
  $grid-rtl-textwrap-sorticon-margin: -17px 4px -17px 8px !default;
@@ -1058,6 +1059,7 @@ $grid-checkmark-color: $selection-font !default;
1058
1059
  .e-cc-lab-name,
1059
1060
  .e-checkbox-wrapper .e-label {
1060
1061
  text-overflow: ellipsis;
1062
+ width: $grid-columnchooser-checkbox-label-width;
1061
1063
  }
1062
1064
 
1063
1065
  .e-cc-chbox {
@@ -7691,6 +7693,11 @@ $grid-checkmark-color: $selection-font !default;
7691
7693
  }
7692
7694
  }
7693
7695
  }
7696
+ & .e-gridcontent tr.e-verticalwrap td::before {
7697
+ @if $grid-skin == 'fluent' {
7698
+ bottom: auto;
7699
+ }
7700
+ }
7694
7701
  }
7695
7702
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7696
7703
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/material-dark-lite.scss CHANGED
@@ -132,6 +132,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
132
132
  $grid-column-chooser-searchdiv-left: 4px !default;
133
133
  $grid-columnchooser-ul-margin: 13px 0 !default;
134
134
  $grid-column-chooser-dlg-footer-padding: 8px !default;
135
+ $grid-columnchooser-checkbox-label-width: 150px !default;
135
136
  $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
136
137
  $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
137
138
  $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -1056,6 +1057,7 @@ $grid-checkmark-color: $accent-font !default;
1056
1057
  .e-cc-lab-name,
1057
1058
  .e-checkbox-wrapper .e-label {
1058
1059
  text-overflow: ellipsis;
1060
+ width: $grid-columnchooser-checkbox-label-width;
1059
1061
  }
1060
1062
 
1061
1063
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -132,6 +132,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
132
132
  $grid-column-chooser-searchdiv-left: 4px !default;
133
133
  $grid-columnchooser-ul-margin: 13px 0 !default;
134
134
  $grid-column-chooser-dlg-footer-padding: 8px !default;
135
+ $grid-columnchooser-checkbox-label-width: 150px !default;
135
136
  $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
136
137
  $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
137
138
  $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -1056,6 +1057,7 @@ $grid-checkmark-color: $accent-font !default;
1056
1057
  .e-cc-lab-name,
1057
1058
  .e-checkbox-wrapper .e-label {
1058
1059
  text-overflow: ellipsis;
1060
+ width: $grid-columnchooser-checkbox-label-width;
1059
1061
  }
1060
1062
 
1061
1063
  .e-cc-chbox {
@@ -7694,6 +7696,11 @@ $grid-checkmark-color: $accent-font !default;
7694
7696
  }
7695
7697
  }
7696
7698
  }
7699
+ & .e-gridcontent tr.e-verticalwrap td::before {
7700
+ @if $grid-skin == 'fluent' {
7701
+ bottom: auto;
7702
+ }
7703
+ }
7697
7704
  }
7698
7705
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7699
7706
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/material-lite.scss CHANGED
@@ -139,6 +139,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
139
139
  $grid-column-chooser-searchdiv-left: 4px !default;
140
140
  $grid-columnchooser-ul-margin: 13px 0 !default;
141
141
  $grid-column-chooser-dlg-footer-padding: 8px !default;
142
+ $grid-columnchooser-checkbox-label-width: 150px !default;
142
143
  $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
143
144
  $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
144
145
  $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -1057,6 +1058,7 @@ $grid-checkmark-color: $accent-font !default;
1057
1058
  .e-cc-lab-name,
1058
1059
  .e-checkbox-wrapper .e-label {
1059
1060
  text-overflow: ellipsis;
1061
+ width: $grid-columnchooser-checkbox-label-width;
1060
1062
  }
1061
1063
 
1062
1064
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/material.scss CHANGED
@@ -139,6 +139,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
139
139
  $grid-column-chooser-searchdiv-left: 4px !default;
140
140
  $grid-columnchooser-ul-margin: 13px 0 !default;
141
141
  $grid-column-chooser-dlg-footer-padding: 8px !default;
142
+ $grid-columnchooser-checkbox-label-width: 150px !default;
142
143
  $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
143
144
  $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
144
145
  $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -1057,6 +1058,7 @@ $grid-checkmark-color: $accent-font !default;
1057
1058
  .e-cc-lab-name,
1058
1059
  .e-checkbox-wrapper .e-label {
1059
1060
  text-overflow: ellipsis;
1061
+ width: $grid-columnchooser-checkbox-label-width;
1060
1062
  }
1061
1063
 
1062
1064
  .e-cc-chbox {
@@ -7695,6 +7697,11 @@ $grid-checkmark-color: $accent-font !default;
7695
7697
  }
7696
7698
  }
7697
7699
  }
7700
+ & .e-gridcontent tr.e-verticalwrap td::before {
7701
+ @if $grid-skin == 'fluent' {
7702
+ bottom: auto;
7703
+ }
7704
+ }
7698
7705
  }
7699
7706
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7700
7707
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/material3-dark-lite.scss CHANGED
@@ -114,6 +114,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
114
114
  $grid-columnchooser-input-padding-left: 4px !default;
115
115
  $grid-columnchooser-ul-margin: 13px 0 !default;
116
116
  $grid-column-chooser-dlg-footer-padding: 8px !default;
117
+ $grid-columnchooser-checkbox-label-width: 150px !default;
117
118
  $grid-rtl-bigger-sortnumber-margin: 0 0 0 -10px !default;
118
119
  $grid-rtl-bigger-sortnumber-withfilter-margin: 0 0 0 10px !default;
119
120
  $grid-rtl-bigger-rightalign-sortnumber-margin: 0 0 0 24px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED
@@ -114,6 +114,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
114
114
  $grid-columnchooser-input-padding-left: 4px !default;
115
115
  $grid-columnchooser-ul-margin: 13px 0 !default;
116
116
  $grid-column-chooser-dlg-footer-padding: 8px !default;
117
+ $grid-columnchooser-checkbox-label-width: 150px !default;
117
118
  $grid-rtl-bigger-sortnumber-margin: 0 0 0 -10px !default;
118
119
  $grid-rtl-bigger-sortnumber-withfilter-margin: 0 0 0 10px !default;
119
120
  $grid-rtl-bigger-rightalign-sortnumber-margin: 0 0 0 24px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {
@@ -7692,6 +7694,11 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
7692
7694
  }
7693
7695
  }
7694
7696
  }
7697
+ & .e-gridcontent tr.e-verticalwrap td::before {
7698
+ @if $grid-skin == 'fluent' {
7699
+ bottom: auto;
7700
+ }
7701
+ }
7695
7702
  }
7696
7703
  .e-grid.sf-grid .e-gridheader .e-headercontent {
7697
7704
  .e-reorderuparrow {
package/SCSS-Themes/grids/grid/material3-lite.scss CHANGED
@@ -114,6 +114,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
114
114
  $grid-columnchooser-input-padding-left: 4px !default;
115
115
  $grid-columnchooser-ul-margin: 13px 0 !default;
116
116
  $grid-column-chooser-dlg-footer-padding: 8px !default;
117
+ $grid-columnchooser-checkbox-label-width: 150px !default;
117
118
  $grid-rtl-bigger-sortnumber-margin: 0 0 0 -10px !default;
118
119
  $grid-rtl-bigger-sortnumber-withfilter-margin: 0 0 0 10px !default;
119
120
  $grid-rtl-bigger-rightalign-sortnumber-margin: 0 0 0 24px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
1060
1061
  .e-cc-lab-name,
1061
1062
  .e-checkbox-wrapper .e-label {
1062
1063
  text-overflow: ellipsis;
1064
+ width: $grid-columnchooser-checkbox-label-width;
1063
1065
  }
1064
1066
 
1065
1067
  .e-cc-chbox {