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

@syncfusion/blazor-themes 28.2.5 → 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 (215) hide show

package/SCSS-Themes/fluent2-dark.scss CHANGED Viewed

@@ -90158,6 +90158,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 {
@@ -92705,6 +92712,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%;
@@ -128521,7 +128540,7 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom: 3px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
@@ -128532,7 +128551,7 @@ $recurrence-week-position-bgr-min-width: 130px !default;
 $recurrence-day-position-bgr-min-width: 190px !default;
 $recurrence-day-position-bgr-padding-left: 54px !default;
 $recurrence-end-bgr-padding-right: 5px !default;
-$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-min-width: 100px !default;
 $recurrence-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -142446,9 +142465,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;
@@ -142480,6 +142496,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -67954,6 +67954,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 {
@@ -98276,7 +98283,7 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom: 3px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
@@ -98287,7 +98294,7 @@ $recurrence-week-position-bgr-min-width: 130px !default;
 $recurrence-day-position-bgr-min-width: 190px !default;
 $recurrence-day-position-bgr-padding-left: 54px !default;
 $recurrence-end-bgr-padding-right: 5px !default;
-$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-min-width: 100px !default;
 $recurrence-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -110137,9 +110144,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;
@@ -110171,6 +110175,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -90158,6 +90158,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 {
@@ -92705,6 +92712,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%;
@@ -128521,7 +128540,7 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom: 3px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
@@ -128532,7 +128551,7 @@ $recurrence-week-position-bgr-min-width: 130px !default;
 $recurrence-day-position-bgr-min-width: 190px !default;
 $recurrence-day-position-bgr-padding-left: 54px !default;
 $recurrence-end-bgr-padding-right: 5px !default;
-$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-min-width: 100px !default;
 $recurrence-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -142446,9 +142465,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;
@@ -142480,6 +142496,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -68726,6 +68726,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 {
@@ -99048,7 +99055,7 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom: 3px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
@@ -99059,7 +99066,7 @@ $recurrence-week-position-bgr-min-width: 130px !default;
 $recurrence-day-position-bgr-min-width: 190px !default;
 $recurrence-day-position-bgr-padding-left: 54px !default;
 $recurrence-end-bgr-padding-right: 5px !default;
-$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-min-width: 100px !default;
 $recurrence-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -110909,9 +110916,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;
@@ -110943,6 +110947,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/fluent2.scss CHANGED Viewed

@@ -90930,6 +90930,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 {
@@ -93477,6 +93484,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%;
@@ -129293,7 +129312,7 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $recurrence-label-bottom: 7px !default;
-$recurrence-month-label-bottom: 6px !default;
+$recurrence-month-label-bottom: 3px !default;
 $recurrence-month-label-bottom-bgr: 0 !default;
 $recurrence-week-label-bottom: 10px !default;
 $recurrence-label-font-weight: $font-weight-medium !default;
@@ -129304,7 +129323,7 @@ $recurrence-week-position-bgr-min-width: 130px !default;
 $recurrence-day-position-bgr-min-width: 190px !default;
 $recurrence-day-position-bgr-padding-left: 54px !default;
 $recurrence-end-bgr-padding-right: 5px !default;
-$recurrence-week-position-min-width: 94px !default;
+$recurrence-week-position-min-width: 100px !default;
 $recurrence-end-on-date-margin-top: 24px !default;
 @include export-module('recurrence-editor-layout') {
@@ -143218,9 +143237,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;
@@ -143252,6 +143268,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -5563,6 +5563,13 @@ $grid-checkmark-color: $primary !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/bds-dark.scss CHANGED Viewed

@@ -5563,6 +5563,13 @@ $grid-checkmark-color: $primary !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 {
@@ -8107,6 +8114,18 @@ $grid-checkmark-color: $primary !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/bds-lite.scss CHANGED Viewed

@@ -5563,6 +5563,13 @@ $grid-checkmark-color: $primary !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/bds.scss CHANGED Viewed

@@ -5563,6 +5563,13 @@ $grid-checkmark-color: $primary !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 {
@@ -8107,6 +8114,18 @@ $grid-checkmark-color: $primary !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/bootstrap-dark-lite.scss CHANGED Viewed

@@ -5552,6 +5552,13 @@ $grid-checkmark-color: $grey-light-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/bootstrap-dark.scss CHANGED Viewed

@@ -5552,6 +5552,13 @@ $grid-checkmark-color: $grey-light-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 {
@@ -8104,6 +8111,18 @@ $grid-checkmark-color: $grey-light-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/bootstrap-lite.scss CHANGED Viewed

@@ -5551,6 +5551,13 @@ $grid-checkmark-color: $grey !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/bootstrap.scss CHANGED Viewed

@@ -5551,6 +5551,13 @@ $grid-checkmark-color: $grey !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: $grey !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/bootstrap4-lite.scss CHANGED Viewed

@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $white !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/bootstrap4.scss CHANGED Viewed

@@ -5558,6 +5558,13 @@ $grid-checkmark-color: $white !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 {
@@ -8085,6 +8092,18 @@ $grid-checkmark-color: $white !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/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -5551,6 +5551,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/bootstrap5-dark.scss CHANGED Viewed

@@ -5551,6 +5551,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 {
@@ -8092,6 +8099,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/bootstrap5-lite.scss CHANGED Viewed

@@ -5551,6 +5551,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/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -5551,6 +5551,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/bootstrap5.3-dark.scss CHANGED Viewed

@@ -5551,6 +5551,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 {
@@ -8092,6 +8099,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/bootstrap5.3-lite.scss CHANGED Viewed

@@ -5551,6 +5551,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 {