@syncfusion/blazor-themes 26.1.35 → 26.1.40

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

@@ -938,7 +938,8 @@ $grid-checkmark-color: $primary-text-color !default;
 
     @if $grid-skin == 'fluent2' {
       &.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-        margin-left: -4px;
+        margin-left: -5px;
+        margin-top: 4px;
       }
       &.e-rtl.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         margin-right: -2px;
@@ -949,7 +950,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         @if $grid-skin == 'fluent2' {
           margin-bottom: 2px;
-          margin-left: 6px;
+          margin-left: 7px;
         }
       }
 
@@ -1076,8 +1077,9 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }
 
@@ -2740,7 +2742,9 @@ $grid-checkmark-color: $primary-text-color !default;
         padding: $grid-group-caption-header-padding $grid-content-right-padding;
       }
       white-space: normal;
-      word-wrap: break-word;
+      text-wrap: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
       &.e-lastrowcell {
         border-bottom-width: 1px;
       }
@@ -3481,7 +3485,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         padding-left: 0;
         margin-left: 0;
       }
@@ -4664,7 +4668,7 @@ $grid-checkmark-color: $primary-text-color !default;
 
       &.e-default {
         & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
-        & .e-gridheader table tr th:last-child {
+        & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }
       }
@@ -5493,7 +5497,7 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   .e-gridcontent .e-groupcaption {
-    @include grid-line-height-padding-styles(normal, .7em);
+    @include grid-line-height-padding-styles(normal, 0 .7em);
   }
 
   .e-summarycell {
@@ -6085,9 +6089,6 @@ $grid-checkmark-color: $primary-text-color !default;
           background: none;
           border: 0;
           color: $grid-responsive-custom-header-btn-color;
-          @if $grid-skin == 'fluent2' {
-            padding-top: 6px;
-          }
         }
       }
     }
@@ -6174,6 +6175,22 @@ $grid-checkmark-color: $primary-text-color !default;
       & .e-dlg-content {
         padding: 16px;
       }
+
+      @if $grid-xlfl-skin == 'fluent2' {
+        .e-checkbox-wrapper .e-frame {
+          @if $grid-xlfl-skin == 'fluent2' {
+            margin: 0 0 1px 4px;
+          }
+        }
+  
+        .e-radio + label {
+          margin: 0;
+        }
+
+        .e-radio-wrapper .e-xlfl-radio-or {
+          margin-left: 18px;
+        }
+      }
     }
 
     & .e-ressortbutton-parent {
@@ -6268,6 +6285,14 @@ $grid-checkmark-color: $primary-text-color !default;
               min-height: 160px;
               overflow-y: auto;
 
+              &.e-checkbox-infinitescroll {
+                border-top-style: solid;
+                border-top-color: $grid-columnchooser-footer-border-color;
+                border-top-width: 1px;
+                margin-top: 0;
+                overflow-x: hidden;
+              }
+
               & .e-ftrchk {
                 @include grid-top-bottom-padding($grid-bigger-checkbox-padding-topbottom, $grid-bigger-checkbox-padding-topbottom);
                 @if $grid-skin == 'fluent2' {
@@ -6276,6 +6301,29 @@ $grid-checkmark-color: $primary-text-color !default;
               }
             }
           }
+
+          & .e-ftrchk {
+            & .e-chk-hidden {
+              -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+              height: 1px;
+              opacity: 0;
+              width: 1px;
+            }
+
+            & .e-mask {
+              display: inline-block;
+              height: 10px;
+              width: 80%;
+
+              &.e-mask-checkbox-filter-intent {
+                width: 13px;
+              }
+
+              &.e-mask-checkbox-filter-span-intent {
+                margin-left: 8px;
+              }
+            }
+          }
         }
       }
     }
@@ -6290,10 +6338,9 @@ $grid-checkmark-color: $primary-text-color !default;
           & .e-searchbox {
             padding-left: 0;
           }
-          & .e-spinner {
-            & .e-checkboxlist {
-              margin-left: -7px;
-            }
+          & .e-ftrchk.e-infinitescroll,
+          & .e-spinner .e-checkboxlist {
+            margin-left: -7px;
           }
         }
       }
@@ -6341,6 +6388,9 @@ $grid-checkmark-color: $primary-text-color !default;
     @if $grid-skin == 'fluent' {
       padding-top: 3px;
     }
+    @if $grid-skin == 'fluent' {
+      padding-top: 1px;
+    }
     @if $grid-skin == 'bootstrap4' or $grid-skin == 'material' {
       padding-top: 2px;
     }
@@ -6669,6 +6719,11 @@ $grid-checkmark-color: $primary-text-color !default;
       border-color: $grid-header-border-color;
     }
 
+    .e-headercell,
+    .e-detailheadercell {
+      background-color: $grid-header-bg-color;
+    }
+
     .e-gridcontent {
       background-color: $grid-content-bg-color;
     }

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

@@ -938,7 +938,8 @@ $grid-checkmark-color: $primary-text-color !default;
 
     @if $grid-skin == 'fluent2' {
       &.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-        margin-left: -4px;
+        margin-left: -5px;
+        margin-top: 4px;
       }
       &.e-rtl.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         margin-right: -2px;
@@ -949,7 +950,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         @if $grid-skin == 'fluent2' {
           margin-bottom: 2px;
-          margin-left: 6px;
+          margin-left: 7px;
         }
       }
 
@@ -1076,8 +1077,9 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }
 
@@ -2740,7 +2742,9 @@ $grid-checkmark-color: $primary-text-color !default;
         padding: $grid-group-caption-header-padding $grid-content-right-padding;
       }
       white-space: normal;
-      word-wrap: break-word;
+      text-wrap: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
       &.e-lastrowcell {
         border-bottom-width: 1px;
       }
@@ -3481,7 +3485,7 @@ $grid-checkmark-color: $primary-text-color !default;
     }
 
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         padding-left: 0;
         margin-left: 0;
       }
@@ -4664,7 +4668,7 @@ $grid-checkmark-color: $primary-text-color !default;
 
       &.e-default {
         & tr td:last-child:not(.e-xlsel-left-border, .e-addfreezefirstchildborder),
-        & .e-gridheader table tr th:last-child {
+        & .e-gridheader table tr th:last-child:not(.e-firstcell) {
           border-left: 0;
         }
       }
@@ -5493,7 +5497,7 @@ $grid-checkmark-color: $primary-text-color !default;
   }
 
   .e-gridcontent .e-groupcaption {
-    @include grid-line-height-padding-styles(normal, .7em);
+    @include grid-line-height-padding-styles(normal, 0 .7em);
   }
 
   .e-summarycell {
@@ -6085,9 +6089,6 @@ $grid-checkmark-color: $primary-text-color !default;
           background: none;
           border: 0;
           color: $grid-responsive-custom-header-btn-color;
-          @if $grid-skin == 'fluent2' {
-            padding-top: 6px;
-          }
         }
       }
     }
@@ -6174,6 +6175,22 @@ $grid-checkmark-color: $primary-text-color !default;
       & .e-dlg-content {
         padding: 16px;
       }
+
+      @if $grid-xlfl-skin == 'fluent2' {
+        .e-checkbox-wrapper .e-frame {
+          @if $grid-xlfl-skin == 'fluent2' {
+            margin: 0 0 1px 4px;
+          }
+        }
+  
+        .e-radio + label {
+          margin: 0;
+        }
+
+        .e-radio-wrapper .e-xlfl-radio-or {
+          margin-left: 18px;
+        }
+      }
     }
 
     & .e-ressortbutton-parent {
@@ -6268,6 +6285,14 @@ $grid-checkmark-color: $primary-text-color !default;
               min-height: 160px;
               overflow-y: auto;
 
+              &.e-checkbox-infinitescroll {
+                border-top-style: solid;
+                border-top-color: $grid-columnchooser-footer-border-color;
+                border-top-width: 1px;
+                margin-top: 0;
+                overflow-x: hidden;
+              }
+
               & .e-ftrchk {
                 @include grid-top-bottom-padding($grid-bigger-checkbox-padding-topbottom, $grid-bigger-checkbox-padding-topbottom);
                 @if $grid-skin == 'fluent2' {
@@ -6276,6 +6301,29 @@ $grid-checkmark-color: $primary-text-color !default;
               }
             }
           }
+
+          & .e-ftrchk {
+            & .e-chk-hidden {
+              -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+              height: 1px;
+              opacity: 0;
+              width: 1px;
+            }
+
+            & .e-mask {
+              display: inline-block;
+              height: 10px;
+              width: 80%;
+
+              &.e-mask-checkbox-filter-intent {
+                width: 13px;
+              }
+
+              &.e-mask-checkbox-filter-span-intent {
+                margin-left: 8px;
+              }
+            }
+          }
         }
       }
     }
@@ -6290,10 +6338,9 @@ $grid-checkmark-color: $primary-text-color !default;
           & .e-searchbox {
             padding-left: 0;
           }
-          & .e-spinner {
-            & .e-checkboxlist {
-              margin-left: -7px;
-            }
+          & .e-ftrchk.e-infinitescroll,
+          & .e-spinner .e-checkboxlist {
+            margin-left: -7px;
           }
         }
       }
@@ -6341,6 +6388,9 @@ $grid-checkmark-color: $primary-text-color !default;
     @if $grid-skin == 'fluent' {
       padding-top: 3px;
     }
+    @if $grid-skin == 'fluent' {
+      padding-top: 1px;
+    }
     @if $grid-skin == 'bootstrap4' or $grid-skin == 'material' {
       padding-top: 2px;
     }
@@ -6669,6 +6719,11 @@ $grid-checkmark-color: $primary-text-color !default;
       border-color: $grid-header-border-color;
     }
 
+    .e-headercell,
+    .e-detailheadercell {
+      background-color: $grid-header-bg-color;
+    }
+
     .e-gridcontent {
       background-color: $grid-content-bg-color;
     }