@syncfusion/blazor-themes 23.1.38 → 23.1.40

package/SCSS-Themes/fluent.scss

@@ -59860,6 +59860,8 @@ $ddl-icon-margin-top: -1.68em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-bigger-clear-margin-top: -2.25em !default;
 $ddl-icon-margin-top-bigger: -1.68em !default;
+$ddl-small-ddl-icon-top: -1.6em !default;
+$ddl-bigger-small-ddl-icon-top: -1.68em !default;
 $ddl-chip-mobile-radius: 2px !default;
 $ddl-chip-sel-mobile-height: 40px !default;
 $ddl-chip-selected-padding: 12px 4px 11px 0 !default;
@@ -60223,7 +60225,8 @@ $ddl-small-clear-icon-width: 12px !default;
   }
 }
 
-.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+.e-bigger .e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
   @if $ddl-multiselect-skin-name != 'Material3' {
     margin-top: $ddl-icon-margin-top-bigger;
   }
@@ -61255,6 +61258,11 @@ ejs-multiselect {
   }
 }
 
+.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-small-ddl-icon-top;
+}
+
 .e-small .e-multi-select-wrapper .e-chips-close.e-close-hooker {
   @if ddl-multiselect-skin-name == 'Material3' {
     height: $ddl-small-clear-icon-height;
@@ -61286,6 +61294,11 @@ ejs-multiselect {
   }
 }
 
+.e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
+.e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
+  margin-top: $ddl-bigger-small-ddl-icon-top;
+}
+
 .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
   height: $ddl-bigger-small-chip-close-square;
   width: $ddl-bigger-small-chip-close-width;
@@ -77395,6 +77408,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -81546,6 +81564,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;
@@ -89160,7 +89182,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojipicker-group .e-rte-emojipickerbtn-group {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
 
           .e-btn.e-control {
@@ -89177,7 +89199,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 
         .e-rte-emojisearch-btn {
           display: grid;
-          grid-template-columns: repeat(6, 1fr);
+          grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
           gap: 6px;
           height: 0;
 
@@ -101341,6 +101363,22 @@ $pv-comment-text-cursor-color: $black !default;
     text-align: left;
   }
 
+  .e-pv-mobile-comments-container .e-pv-comment-panel-title {
+    @if $skin-name == 'Material3' {
+      background: $content-bg-color-alt2;
+      border: $border-light;
+      border-width: 0 0 1px 1px;
+      font-size: $text-base;
+      font-weight: $pv-comment-tile-font-weight;
+      line-height: 16px;
+      padding: 0;
+      left: 15px;
+      top: 14px;
+      position: absolute;
+      text-align: left;
+    }
+  }
+
   .e-pv-comment-panel-title-close-div.e-btn {
     background: $pv-title-close-background;
     border: $pv-title-close-border;
@@ -101350,17 +101388,12 @@ $pv-comment-text-cursor-color: $black !default;
     }
     height: $pv-title-close-height;
     position: $pv-title-close-position;
-    @if $skin-name != 'Material3' {
-      right: 11px;
-      top: 5px;
-    }
+    right: 11px;
+    top: 5px;
     width: $pv-title-close-width;
     @if $skin-name == 'FluentUI' {
       padding: 4px;
     }
-    @if $skin-name == 'Material3' {
-      padding: 12px 12px 12px 270px;
-    }
   }
 
   @if $skin-name == 'Material3' {
@@ -101373,7 +101406,7 @@ $pv-comment-text-cursor-color: $black !default;
     @if $skin-name != 'bootstrap5' {
       color: $pv-comment-text-color;
     }
-    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI') {
+    @if ($skin-name == 'bootstrap5' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
       color: $icon-color;
     }
   }
@@ -101381,6 +101414,7 @@ $pv-comment-text-cursor-color: $black !default;
   .e-pv-comments-panel-text {
     font-size: 15px;
     padding-left: 85px;
+    color: rgba(var(--color-sf-on-surface-variant));
   }
 
   .e-pv-comments-content-container {
@@ -102857,7 +102891,7 @@ $pv-comment-text-cursor-color: $black !default;
   }
   
   .e-bigger .e-pv-signature-dialog-height {
-    @if ($skin-name == 'FluentUI' $skin-name == 'Material3') {
+    @if ($skin-name == 'FluentUI') {
       min-height: 592px;
     }
   }
@@ -109918,10 +109952,12 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-pivotcell-container {
       align-items: center;
       display: flex;
+      max-height: inherit;
 
       .e-stackedheadertext,
       .e-headertext {
         &.e-cellvalue {
+          align-self: stretch;
           overflow: hidden;
           text-overflow: ellipsis;
           width: 100%;
@@ -110675,6 +110711,7 @@ $pivotpager-single-size-title-padding: 8px !default;
       display: inline-block;
       height: 100%;
       vertical-align: top;
+      width: 100%;
     }
 
     /* stylelint-disable */

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

@@ -2285,6 +2285,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6436,6 +6441,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2287,6 +2287,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6438,6 +6443,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -616,7 +616,7 @@ $grid-rtl-headercelldiv-left-align-margin: 10px !default;
 $grid-rtl-filtermenudiv-left-align-margin: -5px !default;
 $grid-rtl-sort-num-left-align-margin: 2px -2px 0 0 !default;
 $grid-frozen-mac-scrollbar-background: rgba(0, 0, 0, .5) !default;
-$grid-rowcell-color: $grid-content-font-color !default !default;
+$grid-rowcell-color: $grid-content-font-color !default;
 $grid-reorderarrow-margin-top: -7.5px !default;
 $grid-reorderdownarrow-margin-top: 2.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
@@ -2292,6 +2292,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6443,6 +6448,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2285,6 +2285,11 @@ $grid-dropitems-count-margin-left: -4px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6436,6 +6441,10 @@ $grid-dropitems-count-margin-left: -4px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2285,6 +2285,11 @@ $grid-dropitems-count-margin-left: -4px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6436,6 +6441,10 @@ $grid-dropitems-count-margin-left: -4px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2282,6 +2282,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6433,6 +6438,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2282,6 +2282,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6433,6 +6438,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2277,6 +2277,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6428,6 +6433,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2277,6 +2277,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6428,6 +6433,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2282,6 +2282,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6433,6 +6438,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2283,6 +2283,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6434,6 +6439,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2281,6 +2281,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6432,6 +6437,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2292,6 +2292,11 @@ $grid-dropitems-count-margin-left: -9px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6443,6 +6448,10 @@ $grid-dropitems-count-margin-left: -9px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2292,6 +2292,11 @@ $grid-dropitems-count-margin-left: -9px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6443,6 +6448,10 @@ $grid-dropitems-count-margin-left: -9px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2292,6 +2292,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6443,6 +6448,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;

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

@@ -2292,6 +2292,11 @@ $grid-dropitems-count-margin-left: -8px !default;
       overflow: visible;
     }
 
+    .e-headercell.e-templatecell .e-headercelldiv {
+      height: auto;
+      min-height: $grid-header-height;
+    }
+
     .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
       padding: 0 .6em;
     }
@@ -6443,6 +6448,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       cursor: move;
     }
 
+    & .e-notallowedcur .e-row:hover .e-rowdragdrop {
+      cursor: not-allowed;
+    }
+
     .e-sortnumber {
       @if $grid-skin == 'material3' {
         background: $grid-sortnumber-bg-color;