npm - @syncfusion/blazor-themes - Versions diffs - 28.2.4 → 28.2.6 - Mend

@syncfusion/blazor-themes 28.2.4 → 28.2.6

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 (371) hide show

package/SCSS-Themes/grids/grid/fluent2-highcontrast.scss CHANGED Viewed

@@ -5565,6 +5565,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8112,6 +8119,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

package/SCSS-Themes/grids/grid/fluent2-lite.scss CHANGED Viewed

@@ -5565,6 +5565,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

package/SCSS-Themes/grids/grid/fluent2.scss CHANGED Viewed

@@ -5565,6 +5565,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8112,6 +8119,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

package/SCSS-Themes/grids/grid/highcontrast-lite.scss CHANGED Viewed

@@ -5549,6 +5549,13 @@ $grid-checkmark-color: $selection-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED Viewed

@@ -5549,6 +5549,13 @@ $grid-checkmark-color: $selection-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8095,6 +8102,18 @@ $grid-checkmark-color: $selection-font !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

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

@@ -5550,6 +5550,13 @@ $grid-checkmark-color: $accent-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

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

@@ -5550,6 +5550,13 @@ $grid-checkmark-color: $accent-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8101,6 +8108,18 @@ $grid-checkmark-color: $accent-font !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

package/SCSS-Themes/grids/grid/material-lite.scss CHANGED Viewed

@@ -5549,6 +5549,13 @@ $grid-checkmark-color: $accent-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

package/SCSS-Themes/grids/grid/material.scss CHANGED Viewed

@@ -5549,6 +5549,13 @@ $grid-checkmark-color: $accent-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8100,6 +8107,18 @@ $grid-checkmark-color: $accent-font !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

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

@@ -5553,6 +5553,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

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

@@ -5553,6 +5553,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8098,6 +8105,18 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

package/SCSS-Themes/grids/grid/material3-lite.scss CHANGED Viewed

@@ -5553,6 +5553,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

package/SCSS-Themes/grids/grid/material3.scss CHANGED Viewed

@@ -5553,6 +5553,13 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8098,6 +8105,18 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

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

@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

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

@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8103,6 +8110,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

package/SCSS-Themes/grids/grid/tailwind-lite.scss CHANGED Viewed

@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

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

@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8103,6 +8110,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

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

@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

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

@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8098,6 +8105,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

package/SCSS-Themes/grids/grid/tailwind3-lite.scss CHANGED Viewed

@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {

package/SCSS-Themes/grids/grid/tailwind3.scss CHANGED Viewed

@@ -5554,6 +5554,13 @@ $grid-checkmark-color: $primary-text-color !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -8098,6 +8105,18 @@ $grid-checkmark-color: $primary-text-color !default;
       padding-top: 40px;
     }
+    & .e-mainfilterdiv {
+      @if $grid-skin == 'fabric' or $grid-skin == 'fabric-dark' or $grid-skin == 'highcontrast' or $grid-skin == 'material' or $grid-skin == 'material-dark' {
+        padding-top: 30px;
+      }
+      @else if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+        padding-top: 0;
+      }
+      @else {
+        padding-top: 16px;
+      }
+    }
     & .e-filtersetdiv {
       float: right;
       margin-right: 1%;

package/SCSS-Themes/highcontrast-lite.scss CHANGED Viewed

@@ -9001,6 +9001,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }
@@ -37857,6 +37880,12 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -37880,6 +37909,13 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {
@@ -65573,6 +65609,13 @@ $grid-checkmark-color: $selection-font !default;
     &.sf-grid .e-ccheck.e-colfocus {
       background-color: $grid-hover-bg-color;
     }
+    &.sf-grid{
+      .e-gridcontent .e-leftfreeze.e-recordplusexpand,
+      .e-gridcontent .e-leftfreeze.e-recordpluscollapse{
+        @include background-color-styles($grid-skin, $group-row-bg-color, $group-row-bg-color);
+      }
+    }
   }
   .e-spreadsheet .e-ftrchk.e-chkfocus {
@@ -102089,6 +102132,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
@@ -107676,9 +107723,6 @@ $tbar-header-hover-bg-color: transparent !default;
       textarea::-webkit-scrollbar {
         width: 4px;
       }
-      .hide-scrollbar textarea {
-        scrollbar-width: none;
-      }
       &:has(.e-rtl):not(.e-footer-template) .e-assist-send {
         right: unset;
         left: 20px;
@@ -107710,6 +107754,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;