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/base/bootstrap5.3-lite.scss CHANGED Viewed

@@ -235,13 +235,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #212529;
   --color-sf-appbar-color-alt2: #fff;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #fff;
@@ -262,7 +262,7 @@
   --color-sf-msg-bg-color: #e2e3e5;
   --color-sf-msg-border-color: #c4c8cb;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -279,7 +279,7 @@
   --color-sf-msg-danger-bg-color: #f8d7da;
   --color-sf-msg-danger-border-color: #f1aeb5;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -296,7 +296,7 @@
   --color-sf-msg-success-bg-color: #d1e7dd;
   --color-sf-msg-success-border-color: #a3cfbb;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -313,7 +313,7 @@
   --color-sf-msg-warning-bg-color: #fff3cd;
   --color-sf-msg-warning-border-color: #ffe69c;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -330,7 +330,7 @@
   --color-sf-msg-info-bg-color: #cff4fc;
   --color-sf-msg-info-border-color: #9eeaf9;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -583,13 +583,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #dee2e6;
   --color-sf-appbar-color-alt2: #212529;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #dee2e6;
@@ -609,7 +609,7 @@
   --color-sf-msg-bg-color: #161719;
   --color-sf-msg-border-color: #41464b;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -626,7 +626,7 @@
   --color-sf-msg-danger-bg-color: #2c0b0e;
   --color-sf-msg-danger-border-color: #842029;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -643,7 +643,7 @@
   --color-sf-msg-success-bg-color: #051b11;
   --color-sf-msg-success-border-color: #0f5132;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -660,7 +660,7 @@
   --color-sf-msg-warning-bg-color: #332701;
   --color-sf-msg-warning-border-color: #997404;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -677,7 +677,7 @@
   --color-sf-msg-info-bg-color: #032830;
   --color-sf-msg-info-border-color: #087990;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;

package/SCSS-Themes/base/bootstrap5.3.scss CHANGED Viewed

@@ -235,13 +235,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #212529;
   --color-sf-appbar-color-alt2: #fff;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #fff;
@@ -262,7 +262,7 @@
   --color-sf-msg-bg-color: #e2e3e5;
   --color-sf-msg-border-color: #c4c8cb;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -279,7 +279,7 @@
   --color-sf-msg-danger-bg-color: #f8d7da;
   --color-sf-msg-danger-border-color: #f1aeb5;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -296,7 +296,7 @@
   --color-sf-msg-success-bg-color: #d1e7dd;
   --color-sf-msg-success-border-color: #a3cfbb;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -313,7 +313,7 @@
   --color-sf-msg-warning-bg-color: #fff3cd;
   --color-sf-msg-warning-border-color: #ffe69c;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -330,7 +330,7 @@
   --color-sf-msg-info-bg-color: #cff4fc;
   --color-sf-msg-info-border-color: #9eeaf9;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;
@@ -583,13 +583,13 @@
   --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1);
   --color-sf-appbar-color-alt1: var(--color-sf-content-text-color);
   --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1);
-  --color-sf-appbar-hover-bg-color-alt1: $transparent;
+  --color-sf-appbar-hover-bg-color-alt1: transparent;
   //dark
   --color-sf-appbar-bg-color-alt2: #dee2e6;
   --color-sf-appbar-color-alt2: #212529;
   --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2);
-  --color-sf-appbar-hover-bg-color-alt2: $transparent;
+  --color-sf-appbar-hover-bg-color-alt2: transparent;
   //diagram Palette color
   --color-sf-diagram-palette-background: #dee2e6;
@@ -609,7 +609,7 @@
   --color-sf-msg-bg-color: #161719;
   --color-sf-msg-border-color: #41464b;
   --color-sf-msg-color-alt1: var(--color-sf-msg-color);
-  --color-sf-msg-bg-color-alt1: $transparent;
+  --color-sf-msg-bg-color-alt1: transparent;
   --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color);
   --color-sf-msg-color-alt2: #fff;
   --color-sf-msg-bg-color-alt2: #6c757d;
@@ -626,7 +626,7 @@
   --color-sf-msg-danger-bg-color: #2c0b0e;
   --color-sf-msg-danger-border-color: #842029;
   --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color);
-  --color-sf-msg-danger-bg-color-alt1: $transparent;
+  --color-sf-msg-danger-bg-color-alt1: transparent;
   --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color);
   --color-sf-msg-danger-color-alt2: #fff;
   --color-sf-msg-danger-bg-color-alt2: #dc3545;
@@ -643,7 +643,7 @@
   --color-sf-msg-success-bg-color: #051b11;
   --color-sf-msg-success-border-color: #0f5132;
   --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color);
-  --color-sf-msg-success-bg-color-alt1: $transparent;
+  --color-sf-msg-success-bg-color-alt1: transparent;
   --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color);
   --color-sf-msg-success-color-alt2: #fff;
   --color-sf-msg-success-bg-color-alt2: #198754;
@@ -660,7 +660,7 @@
   --color-sf-msg-warning-bg-color: #332701;
   --color-sf-msg-warning-border-color: #997404;
   --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color);
-  --color-sf-msg-warning-bg-color-alt1: $transparent;
+  --color-sf-msg-warning-bg-color-alt1: transparent;
   --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color);
   --color-sf-msg-warning-color-alt2: #212529;
   --color-sf-msg-warning-bg-color-alt2: #ffc107;
@@ -677,7 +677,7 @@
   --color-sf-msg-info-bg-color: #032830;
   --color-sf-msg-info-border-color: #087990;
   --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color);
-  --color-sf-msg-info-bg-color-alt1: $transparent;
+  --color-sf-msg-info-bg-color-alt1: transparent;
   --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color);
   --color-sf-msg-info-color-alt2: #212529;
   --color-sf-msg-info-bg-color-alt2: #0dcaf0;

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

@@ -67212,6 +67212,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 {
@@ -109356,9 +109363,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;
@@ -109390,6 +109394,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/bds-dark.scss CHANGED Viewed

@@ -89416,6 +89416,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 {
@@ -91960,6 +91967,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%;
@@ -141665,9 +141684,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;
@@ -141699,6 +141715,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/bds-lite.scss CHANGED Viewed

@@ -67507,6 +67507,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 {
@@ -109651,9 +109658,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;
@@ -109685,6 +109689,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/bds.scss CHANGED Viewed

@@ -89711,6 +89711,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 {
@@ -92255,6 +92262,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%;
@@ -141960,9 +141979,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;
@@ -141994,6 +142010,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/bootstrap-dark-lite.scss CHANGED Viewed

@@ -65693,6 +65693,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 {
@@ -107850,9 +107857,6 @@ $tbar-header-hover-bg-color: $grey-dark !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;
@@ -107884,6 +107888,9 @@ $tbar-header-hover-bg-color: $grey-dark !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -87897,6 +87897,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 {
@@ -90449,6 +90456,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%;
@@ -140159,9 +140178,6 @@ $tbar-header-hover-bg-color: $grey-dark !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;
@@ -140193,6 +140209,9 @@ $tbar-header-hover-bg-color: $grey-dark !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -65452,6 +65452,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 {
@@ -107669,9 +107676,6 @@ $tbar-header-hover-bg-color: $grey-e6 !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;
@@ -107703,6 +107707,9 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

package/SCSS-Themes/bootstrap.scss CHANGED Viewed

@@ -87656,6 +87656,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 {
@@ -90208,6 +90215,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%;
@@ -139978,9 +139997,6 @@ $tbar-header-hover-bg-color: $grey-e6 !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;
@@ -140012,6 +140028,9 @@ $tbar-header-hover-bg-color: $grey-e6 !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;

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

@@ -65544,6 +65544,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 {
@@ -107903,9 +107910,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;
@@ -107937,6 +107941,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/bootstrap4.scss CHANGED Viewed

@@ -87748,6 +87748,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 {
@@ -90275,6 +90282,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%;
@@ -140212,9 +140231,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;
@@ -140246,6 +140262,9 @@ $tbar-header-hover-bg-color: transparent !default;
         }
       }
       &:not(.e-footer-template) {
+        .e-textarea {
+          max-height: 280px;
+        }
         .e-assist-send {
           position: absolute;
           right: 20px;