npm - @syncfusion/blazor-themes - Versions diffs - 26.1.35 → 26.1.40 - Mend

@syncfusion/blazor-themes 26.1.35 → 26.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 (393) hide show

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

@@ -931,7 +931,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;
@@ -942,7 +943,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;
         }
       }
@@ -1069,8 +1070,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;
       }
     }
@@ -2733,7 +2735,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;
       }
@@ -3474,7 +3478,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;
       }
@@ -4657,7 +4661,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;
         }
       }
@@ -5486,7 +5490,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 {
@@ -6078,9 +6082,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;
-          }
         }
       }
     }
@@ -6167,6 +6168,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 {
@@ -6261,6 +6278,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' {
@@ -6269,6 +6294,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;
+              }
+            }
+          }
         }
       }
     }
@@ -6283,10 +6331,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;
           }
         }
       }
@@ -6334,6 +6381,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;
     }
@@ -6662,6 +6712,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/bootstrap5.scss CHANGED Viewed

@@ -931,7 +931,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;
@@ -942,7 +943,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;
         }
       }
@@ -1069,8 +1070,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;
       }
     }
@@ -2733,7 +2735,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;
       }
@@ -3474,7 +3478,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;
       }
@@ -4657,7 +4661,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;
         }
       }
@@ -5486,7 +5490,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 {
@@ -6078,9 +6082,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;
-          }
         }
       }
     }
@@ -6167,6 +6168,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 {
@@ -6261,6 +6278,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' {
@@ -6269,6 +6294,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;
+              }
+            }
+          }
         }
       }
     }
@@ -6283,10 +6331,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;
           }
         }
       }
@@ -6334,6 +6381,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;
     }
@@ -6662,6 +6712,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/fabric-dark.scss CHANGED Viewed

@@ -930,7 +930,8 @@ $grid-checkmark-color: $theme-dark-font !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;
@@ -941,7 +942,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         @if $grid-skin == 'fluent2' {
           margin-bottom: 2px;
-          margin-left: 6px;
+          margin-left: 7px;
         }
       }
@@ -1068,8 +1069,9 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }
@@ -2732,7 +2734,9 @@ $grid-checkmark-color: $theme-dark-font !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;
       }
@@ -3473,7 +3477,7 @@ $grid-checkmark-color: $theme-dark-font !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         padding-left: 0;
         margin-left: 0;
       }
@@ -4656,7 +4660,7 @@ $grid-checkmark-color: $theme-dark-font !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;
         }
       }
@@ -5485,7 +5489,7 @@ $grid-checkmark-color: $theme-dark-font !default;
   }
   .e-gridcontent .e-groupcaption {
-    @include grid-line-height-padding-styles(normal, .7em);
+    @include grid-line-height-padding-styles(normal, 0 .7em);
   }
   .e-summarycell {
@@ -6077,9 +6081,6 @@ $grid-checkmark-color: $theme-dark-font !default;
           background: none;
           border: 0;
           color: $grid-responsive-custom-header-btn-color;
-          @if $grid-skin == 'fluent2' {
-            padding-top: 6px;
-          }
         }
       }
     }
@@ -6166,6 +6167,22 @@ $grid-checkmark-color: $theme-dark-font !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 {
@@ -6260,6 +6277,14 @@ $grid-checkmark-color: $theme-dark-font !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' {
@@ -6268,6 +6293,29 @@ $grid-checkmark-color: $theme-dark-font !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;
+              }
+            }
+          }
         }
       }
     }
@@ -6282,10 +6330,9 @@ $grid-checkmark-color: $theme-dark-font !default;
           & .e-searchbox {
             padding-left: 0;
           }
-          & .e-spinner {
-            & .e-checkboxlist {
-              margin-left: -7px;
-            }
+          & .e-ftrchk.e-infinitescroll,
+          & .e-spinner .e-checkboxlist {
+            margin-left: -7px;
           }
         }
       }
@@ -6333,6 +6380,9 @@ $grid-checkmark-color: $theme-dark-font !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;
     }
@@ -6661,6 +6711,11 @@ $grid-checkmark-color: $theme-dark-font !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/fabric.scss CHANGED Viewed

@@ -929,7 +929,8 @@ $grid-checkmark-color: $theme-primary-font !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;
@@ -940,7 +941,7 @@ $grid-checkmark-color: $theme-primary-font !default;
       .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         @if $grid-skin == 'fluent2' {
           margin-bottom: 2px;
-          margin-left: 6px;
+          margin-left: 7px;
         }
       }
@@ -1067,8 +1068,9 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }
@@ -2731,7 +2733,9 @@ $grid-checkmark-color: $theme-primary-font !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;
       }
@@ -3472,7 +3476,7 @@ $grid-checkmark-color: $theme-primary-font !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         padding-left: 0;
         margin-left: 0;
       }
@@ -4655,7 +4659,7 @@ $grid-checkmark-color: $theme-primary-font !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;
         }
       }
@@ -5484,7 +5488,7 @@ $grid-checkmark-color: $theme-primary-font !default;
   }
   .e-gridcontent .e-groupcaption {
-    @include grid-line-height-padding-styles(normal, .7em);
+    @include grid-line-height-padding-styles(normal, 0 .7em);
   }
   .e-summarycell {
@@ -6076,9 +6080,6 @@ $grid-checkmark-color: $theme-primary-font !default;
           background: none;
           border: 0;
           color: $grid-responsive-custom-header-btn-color;
-          @if $grid-skin == 'fluent2' {
-            padding-top: 6px;
-          }
         }
       }
     }
@@ -6165,6 +6166,22 @@ $grid-checkmark-color: $theme-primary-font !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 {
@@ -6259,6 +6276,14 @@ $grid-checkmark-color: $theme-primary-font !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' {
@@ -6267,6 +6292,29 @@ $grid-checkmark-color: $theme-primary-font !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;
+              }
+            }
+          }
         }
       }
     }
@@ -6281,10 +6329,9 @@ $grid-checkmark-color: $theme-primary-font !default;
           & .e-searchbox {
             padding-left: 0;
           }
-          & .e-spinner {
-            & .e-checkboxlist {
-              margin-left: -7px;
-            }
+          & .e-ftrchk.e-infinitescroll,
+          & .e-spinner .e-checkboxlist {
+            margin-left: -7px;
           }
         }
       }
@@ -6332,6 +6379,9 @@ $grid-checkmark-color: $theme-primary-font !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;
     }
@@ -6660,6 +6710,11 @@ $grid-checkmark-color: $theme-primary-font !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;
     }