@syncfusion/blazor-themes 28.1.33 → 28.1.35

package/SCSS-Themes/bootstrap4.scss

@@ -4014,7 +4014,7 @@ $float-label-rtl-value: -7px !default;
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -47706,7 +47706,6 @@ $form-upload-small-file-status-font-size: $list-item-status-font-size-smaller !d
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -65145,9 +65144,7 @@ $multiselect-dropicon-closer-bigger-width: 34px !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -86370,6 +86367,13 @@ $grid-checkmark-color: $white !default;
         }
       }
 
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
+
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -87227,7 +87231,7 @@ $grid-checkmark-color: $white !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -89415,6 +89419,13 @@ $grid-checkmark-color: $white !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
 
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
+
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;
@@ -94047,7 +94058,8 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       content: '';
     }
     
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
 
@@ -94482,6 +94494,22 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
 
 
@@ -94524,6 +94552,13 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e70b';
+    }
+  }
 }
 
 @include export-module('tree-bigger') {
@@ -141016,6 +141051,13 @@ $timestamp-border-color: $gray-200 !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
 
@@ -141150,6 +141192,9 @@ $timestamp-border-color: $gray-200 !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,

package/SCSS-Themes/bootstrap5-dark-lite.scss

@@ -3375,7 +3375,7 @@ $float-label-rtl-value: -7px !default;
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -34743,7 +34743,6 @@ $drag-hover-border: 1px dashed $primary !default;
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -48235,9 +48234,7 @@ $ddl-close-down-icon-left: 35px !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -64566,6 +64563,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
 
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
+
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -65423,7 +65427,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -68852,7 +68856,8 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       content: '';
     }
     
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
 
@@ -69287,6 +69292,22 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
 
 
@@ -69329,6 +69350,13 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }
 
 
@@ -108763,6 +108791,13 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
 
@@ -108897,6 +108932,9 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,

package/SCSS-Themes/bootstrap5-dark.scss

@@ -4209,7 +4209,7 @@ $float-label-rtl-value: -7px !default;
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -48023,7 +48023,6 @@ $drag-hover-border: 1px dashed $primary !default;
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -65470,9 +65469,7 @@ $ddl-close-down-icon-left: 35px !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -86766,6 +86763,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
 
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
+
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -87623,7 +87627,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -89825,6 +89829,13 @@ $grid-checkmark-color: $primary-text-color !default;
     padding-right: $grid-res-toolbar-search-wrapper-padding-right;
   }
 
+  .e-row .e-input-group .e-control.e-input {
+    @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+      padding-bottom: 0;
+      padding-top: 0;
+    }
+  }
+
   .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-contextmenu-wrapper ul li{
     @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark'{
       background-color: unset;
@@ -94448,7 +94459,8 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       content: '';
     }
     
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
 
@@ -94883,6 +94895,22 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
 
 
@@ -94925,6 +94953,13 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }
 
 @include export-module('tree-bigger') {
@@ -141172,6 +141207,13 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
 
@@ -141306,6 +141348,9 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,

package/SCSS-Themes/bootstrap5-lite.scss

@@ -3374,7 +3374,7 @@ $float-label-rtl-value: -7px !default;
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -34742,7 +34742,6 @@ $drag-hover-border: 1px dashed $primary !default;
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -48234,9 +48233,7 @@ $ddl-close-down-icon-left: 35px !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -64565,6 +64562,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
 
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
+
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -65422,7 +65426,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -68851,7 +68855,8 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       content: '';
     }
     
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
 
@@ -69286,6 +69291,22 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
 
 
@@ -69328,6 +69349,13 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }
 
 
@@ -108762,6 +108790,13 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
 
@@ -108896,6 +108931,9 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,

package/SCSS-Themes/bootstrap5.3-dark-lite.scss

@@ -4126,7 +4126,7 @@ $float-label-rtl-value: -7px !default;
     font-family: $input-font-family;
     font-size: $input-font-size;
     font-weight: normal;
-    @if ($input-skin-name == 'tailwind') {
+    @if ($input-skin-name == 'tailwind' or $input-skin-name == 'tailwind3') {
       font-feature-settings: 'calt' 0;
     }
   }
@@ -35505,7 +35505,6 @@ $drag-hover-border: 1px dashed $primary !default;
     #{if(&, '&', '*')} .e-upload-actions .e-btn {
       font-family: $upload-font-family;
       @if $skin-name == 'tailwind3' {
-        color: $secondary-text-color-focus;
         font-weight: 600;
       }
     }
@@ -48997,9 +48996,7 @@ $ddl-close-down-icon-left: 35px !default;
   max-width: 100%;
   padding-left: $ddl-delim-text-indent;
   padding-right: $ddl-delim-text-padding-right;
-  @if $ddl-multiselect-skin-name != 'bootstrap5' and $ddl-multiselect-skin-name != 'bootstrap5.3' and $ddl-multiselect-skin-name != 'FluentUI' {
-    vertical-align: middle;
-  }
+  vertical-align: middle;
 }
 
 .e-small .e-multi-select-wrapper .e-delim-values .e-remain {
@@ -65361,6 +65358,13 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
 
+      .e-row .e-input-group .e-control.e-input {
+        @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' {
+          padding-bottom: 1px;
+          padding-top: 2px;
+        }
+      }
+
       .e-rowdragdrop {
         @if $grid-skin == 'material3' or $grid-skin == 'material3-dark' or $grid-skin == 'material' or $grid-skin == 'material-dark' or $grid-skin == 'bootstrap4' or $grid-skin == 'fluent2' or $grid-skin == 'fluent2-dark' {
           border-width: $grid-rowcell-broder-width;
@@ -66218,7 +66222,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-rowcell.e-unfreeze,
       .e-rowcell.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -69647,7 +69651,8 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       content: '';
     }
     
-    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom) {
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowdragdrop.e-childborder:first-child:not(.e-dropbottom,.e-droptop),
+    .e-grid.e-default.e-draggable:not(.e-rtl) tr td.e-rowcell.e-childborder:first-child:not(.e-dropbottom,.e-droptop) {
       border-left: $treegrid-rowdrag-childborder-border;
     }
 
@@ -70082,6 +70087,22 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-icons.e-none::before {
+      content: '';
+    }
+
+    .e-treecolumn-container {
+      .e-icons:not(.e-frame) {
+        display: inline-block;
+      }
+    }
+
+    .e-treegridexpand {
+      transform: rotate(90deg);
+    }
+  }
 }
 
 
@@ -70124,6 +70145,13 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
       }
     }
   }
+
+  .e-treelistgrid.e-print-grid-layout {
+    .e-treegridexpand::before,
+    .e-treegridcollapse::before {
+      content: '\e75c';
+    }
+  }
 }
 
 
@@ -109551,6 +109579,13 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     .e-suggestions li:focus-visible {
       outline: 1px solid;
     }
+    .e-chat-header {
+      .e-toolbar-item {
+        &.e-overlay {
+          opacity: .5;
+        }
+      }
+    }
   }
 }
 
@@ -109685,6 +109720,9 @@ $timestamp-border-color: $content-bg-color-alt2 !default;
     }
     .e-chat-header {
       .e-toolbar-item {
+        &.e-overlay {
+          background: unset;
+        }
         .e-tbar-btn {
           &:focus,
           &:active,