@syncfusion/blazor-themes 29.1.38 → 29.1.40

package/SCSS-Themes/fabric-lite.scss

@@ -10758,7 +10758,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60153,6 +60154,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -61091,6 +61093,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fabric.scss

@@ -11594,7 +11594,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -82428,6 +82429,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -83366,6 +83368,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90002,6 +90005,11 @@ $grid-checkmark-color: $theme-primary-font !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/fluent-dark-lite.scss

@@ -10857,7 +10857,8 @@ $float-label-rtl-value: -10px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60862,6 +60863,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -61745,6 +61747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent-dark.scss

@@ -11693,7 +11693,8 @@ $float-label-rtl-value: -10px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -83137,6 +83138,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -84020,6 +84022,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90654,6 +90657,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/fluent-lite.scss

@@ -10857,7 +10857,8 @@ $float-label-rtl-value: -10px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60862,6 +60863,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -61745,6 +61747,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent.scss

@@ -11693,7 +11693,8 @@ $float-label-rtl-value: -10px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -83137,6 +83138,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 130px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 12px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 8px !default;
@@ -84020,6 +84022,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90654,6 +90657,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/fluent2-dark-lite.scss

@@ -12289,7 +12289,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -62708,6 +62709,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -63663,6 +63665,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2-dark.scss

@@ -13125,7 +13125,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -84983,6 +84984,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -85938,6 +85940,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -92572,6 +92575,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/fluent2-highcontrast-lite.scss

@@ -12289,7 +12289,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -62708,6 +62709,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -63663,6 +63665,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2-highcontrast.scss

@@ -13125,7 +13125,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -84983,6 +84984,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -85938,6 +85940,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -92572,6 +92575,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/fluent2-lite.scss

@@ -13061,7 +13061,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -63480,6 +63481,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -64435,6 +64437,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fluent2.scss

@@ -13897,7 +13897,8 @@ $textarea-float-top: -28px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -85755,6 +85756,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin:  2px 4px 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 5px !default;
@@ -86710,6 +86712,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -93344,6 +93347,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/grids/grid/bds-dark-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bds-dark.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -7700,6 +7702,11 @@ $grid-checkmark-color: $primary !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/grids/grid/bds-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bds.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -1069,6 +1070,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -7700,6 +7702,11 @@ $grid-checkmark-color: $primary !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/grids/grid/bootstrap-dark-lite.scss

@@ -117,6 +117,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 10px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap-dark.scss

@@ -117,6 +117,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 10px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -7699,6 +7701,11 @@ $grid-checkmark-color: $grey-light-font !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/grids/grid/bootstrap-lite.scss

@@ -120,6 +120,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
@@ -1057,6 +1058,7 @@ $grid-checkmark-color: $grey !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap.scss

@@ -120,6 +120,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
@@ -1057,6 +1058,7 @@ $grid-checkmark-color: $grey !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -7696,6 +7698,11 @@ $grid-checkmark-color: $grey !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/grids/grid/bootstrap4-lite.scss

@@ -118,6 +118,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
@@ -1064,6 +1065,7 @@ $grid-checkmark-color: $white !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap4.scss

@@ -118,6 +118,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
@@ -1064,6 +1065,7 @@ $grid-checkmark-color: $white !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -7678,6 +7680,11 @@ $grid-checkmark-color: $white !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/grids/grid/bootstrap5-dark-lite.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/grids/grid/bootstrap5-dark.scss

@@ -116,6 +116,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -7688,6 +7690,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {