@syncfusion/blazor-themes 20.3.56 → 20.3.57

package/SCSS-Themes/bootstrap-dark.scss

@@ -27628,7 +27628,7 @@ $cbox-border-style: solid !default;
 
             &:not(.e-check):not(.e-stop) {
               color: $cbox-icon-color;
-              @media (hover: none) {
+              @media (max-width: 768px) {
                 color: $cbox-bgcolor;
               }
             }
@@ -47038,11 +47038,6 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
         height: auto;
         min-height: auto;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-big-height;
-          min-height: $tab-big-height;
-        }
-
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
         &:not(.e-tbar-pos) .e-toolbar-item:last-child {
           margin: $tab-big-first-item-margin;
@@ -47758,11 +47753,11 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-big-tb-icon-height;
         min-height: $tab-big-tb-icon-height;
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-big-tb-icon-height;
         }
 
@@ -48238,7 +48233,7 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-big-tb-icon-height - 2;
           min-height: $tab-big-tb-icon-height - 2;
         }
@@ -48515,16 +48510,8 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
         min-height: $tab-nrml-height;
         position: relative;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-nrml-height;
-          min-height: $tab-nrml-height;
-        }
-
         @media screen and (max-width: 480px) {
           min-height: $tab-big-height;
-          @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
-            height: $tab-big-height;
-          }
         }
 
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -49833,7 +49820,7 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
 
@@ -49845,7 +49832,7 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
           }
         }
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
 
@@ -50481,7 +50468,7 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-nrml-tb-icon-height - 2;
           min-height: $tab-nrml-tb-icon-height - 2;
         }
@@ -60410,6 +60397,10 @@ ejs-multiselect {
   display: none;
 }
 
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -74374,6 +74365,7 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -78280,25 +78272,6 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
         border-width: 0 0 1px;
       }
 
-      .e-toolbar-items .e-toolbar-item.e-template {
-        height: 30px;
-
-        .e-upload.e-fm-upload {
-          border: 0;
-
-          .e-file-select-wrap {
-            padding-left: 1px;
-            padding-right: 1px;
-
-            .e-css.e-btn:hover {
-              @if $fm-skin-name == 'material' {
-                box-shadow: none;
-              }
-            }
-          }
-        }
-      }
-
       .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
         border: 0;
         box-shadow: none;
@@ -96771,6 +96744,9 @@ $pv-eye-icon-margin-top: 3px !default;
       width: 28px;
     }
   }
+  .e-pv-toolbar-tooltip {
+    pointer-events: none;
+  }
 }
 
 
@@ -104288,7 +104264,7 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-expand,
     .e-collapse {
       cursor: pointer;
-      display: inline-block;
+      display: inline;
       height: 18px;
       margin-top: 5px;
       text-align: center;
@@ -104669,7 +104645,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
 
@@ -105206,7 +105181,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
 

package/SCSS-Themes/bootstrap.scss

@@ -27402,7 +27402,7 @@ $cbox-key-focussed-bgcolor: transparent !default;
 
             &:not(.e-check):not(.e-stop) {
               color: $cbox-icon-color;
-              @media (hover: none) {
+              @media (max-width: 768px) {
                 color: $cbox-bgcolor;
               }
             }
@@ -46761,11 +46761,6 @@ $tab-v-pop-focus-outline: 0 !default;
         height: auto;
         min-height: auto;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-big-height;
-          min-height: $tab-big-height;
-        }
-
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
         &:not(.e-tbar-pos) .e-toolbar-item:last-child {
           margin: $tab-big-first-item-margin;
@@ -47481,11 +47476,11 @@ $tab-v-pop-focus-outline: 0 !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-big-tb-icon-height;
         min-height: $tab-big-tb-icon-height;
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-big-tb-icon-height;
         }
 
@@ -47961,7 +47956,7 @@ $tab-v-pop-focus-outline: 0 !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-big-tb-icon-height - 2;
           min-height: $tab-big-tb-icon-height - 2;
         }
@@ -48238,16 +48233,8 @@ $tab-v-pop-focus-outline: 0 !default;
         min-height: $tab-nrml-height;
         position: relative;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-nrml-height;
-          min-height: $tab-nrml-height;
-        }
-
         @media screen and (max-width: 480px) {
           min-height: $tab-big-height;
-          @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
-            height: $tab-big-height;
-          }
         }
 
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -49556,7 +49543,7 @@ $tab-v-pop-focus-outline: 0 !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
 
@@ -49568,7 +49555,7 @@ $tab-v-pop-focus-outline: 0 !default;
           }
         }
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
 
@@ -50204,7 +50191,7 @@ $tab-v-pop-focus-outline: 0 !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-nrml-tb-icon-height - 2;
           min-height: $tab-nrml-tb-icon-height - 2;
         }
@@ -60122,6 +60109,10 @@ ejs-multiselect {
   display: none;
 }
 
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -74085,6 +74076,7 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -77992,25 +77984,6 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
         border-width: 0 0 1px;
       }
 
-      .e-toolbar-items .e-toolbar-item.e-template {
-        height: 30px;
-
-        .e-upload.e-fm-upload {
-          border: 0;
-
-          .e-file-select-wrap {
-            padding-left: 1px;
-            padding-right: 1px;
-
-            .e-css.e-btn:hover {
-              @if $fm-skin-name == 'material' {
-                box-shadow: none;
-              }
-            }
-          }
-        }
-      }
-
       .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
         border: 0;
         box-shadow: none;
@@ -96531,6 +96504,9 @@ $pv-eye-icon-margin-top: 3px !default;
       width: 28px;
     }
   }
+  .e-pv-toolbar-tooltip {
+    pointer-events: none;
+  }
 }
 
 
@@ -104002,7 +103978,7 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-expand,
     .e-collapse {
       cursor: pointer;
-      display: inline-block;
+      display: inline;
       height: 18px;
       margin-top: 5px;
       text-align: center;
@@ -104383,7 +104359,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
 
@@ -104920,7 +104895,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
 

package/SCSS-Themes/bootstrap4.scss

@@ -27384,7 +27384,7 @@ $cbox-border-style: solid !default;
 
             &:not(.e-check):not(.e-stop) {
               color: $cbox-icon-color;
-              @media (hover: none) {
+              @media (max-width: 768px) {
                 color: $cbox-bgcolor;
               }
             }
@@ -46829,11 +46829,6 @@ $tab-v-pop-focus-outline: 0 !default;
         height: auto;
         min-height: auto;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-big-height;
-          min-height: $tab-big-height;
-        }
-
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
         &:not(.e-tbar-pos) .e-toolbar-item:last-child {
           margin: $tab-big-first-item-margin;
@@ -47549,11 +47544,11 @@ $tab-v-pop-focus-outline: 0 !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-big-tb-icon-height;
         min-height: $tab-big-tb-icon-height;
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-big-tb-icon-height;
         }
 
@@ -48029,7 +48024,7 @@ $tab-v-pop-focus-outline: 0 !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-big-tb-icon-height - 2;
           min-height: $tab-big-tb-icon-height - 2;
         }
@@ -48306,16 +48301,8 @@ $tab-v-pop-focus-outline: 0 !default;
         min-height: $tab-nrml-height;
         position: relative;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-nrml-height;
-          min-height: $tab-nrml-height;
-        }
-
         @media screen and (max-width: 480px) {
           min-height: $tab-big-height;
-          @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
-            height: $tab-big-height;
-          }
         }
 
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -49624,7 +49611,7 @@ $tab-v-pop-focus-outline: 0 !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
 
@@ -49636,7 +49623,7 @@ $tab-v-pop-focus-outline: 0 !default;
           }
         }
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
 
@@ -50272,7 +50259,7 @@ $tab-v-pop-focus-outline: 0 !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-nrml-tb-icon-height - 2;
           min-height: $tab-nrml-tb-icon-height - 2;
         }
@@ -60279,6 +60266,10 @@ ejs-multiselect {
   display: none;
 }
 
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -74284,6 +74275,7 @@ $grid-dropitems-count-margin-left: -8px !default;
     }
 
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -78191,25 +78183,6 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
         border-width: 0 0 1px;
       }
 
-      .e-toolbar-items .e-toolbar-item.e-template {
-        height: 30px;
-
-        .e-upload.e-fm-upload {
-          border: 0;
-
-          .e-file-select-wrap {
-            padding-left: 1px;
-            padding-right: 1px;
-
-            .e-css.e-btn:hover {
-              @if $fm-skin-name == 'material' {
-                box-shadow: none;
-              }
-            }
-          }
-        }
-      }
-
       .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
         border: 0;
         box-shadow: none;
@@ -96907,6 +96880,9 @@ $pv-eye-icon-margin-top: 3px !default;
       width: 28px;
     }
   }
+  .e-pv-toolbar-tooltip {
+    pointer-events: none;
+  }
 }
 
 
@@ -104388,7 +104364,7 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-expand,
     .e-collapse {
       cursor: pointer;
-      display: inline-block;
+      display: inline;
       height: 18px;
       margin-top: 5px;
       text-align: center;
@@ -104769,7 +104745,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
 
@@ -105306,7 +105281,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
 

package/SCSS-Themes/bootstrap5-dark.scss

@@ -27669,7 +27669,7 @@ $cbox-border-style: solid !default;
 
             &:not(.e-check):not(.e-stop) {
               color: $cbox-icon-color;
-              @media (hover: none) {
+              @media (max-width: 768px) {
                 color: $cbox-bgcolor;
               }
             }
@@ -47179,11 +47179,6 @@ $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
         height: auto;
         min-height: auto;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-big-height;
-          min-height: $tab-big-height;
-        }
-
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
         &:not(.e-tbar-pos) .e-toolbar-item:last-child {
           margin: $tab-big-first-item-margin;
@@ -47899,11 +47894,11 @@ $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-big-tb-icon-height;
         min-height: $tab-big-tb-icon-height;
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-big-tb-icon-height;
         }
 
@@ -48379,7 +48374,7 @@ $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-big-tb-icon-height - 2;
           min-height: $tab-big-tb-icon-height - 2;
         }
@@ -48656,16 +48651,8 @@ $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
         min-height: $tab-nrml-height;
         position: relative;
 
-        @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' or $tbar-skin == 'FluentUI' {
-          height: $tab-nrml-height;
-          min-height: $tab-nrml-height;
-        }
-
         @media screen and (max-width: 480px) {
           min-height: $tab-big-height;
-          @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
-            height: $tab-big-height;
-          }
         }
 
         &:not(.e-tbar-pos) .e-toolbar-item:first-child,
@@ -49974,7 +49961,7 @@ $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
 
     &.e-vertical-icon {
 
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
 
@@ -49986,7 +49973,7 @@ $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
           }
         }
 
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
 
@@ -50622,7 +50609,7 @@ $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
 
       &.e-vertical-icon {
 
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-nrml-tb-icon-height - 2;
           min-height: $tab-nrml-tb-icon-height - 2;
         }
@@ -60580,6 +60567,10 @@ ejs-multiselect {
   display: none;
 }
 
+.e-multiselect.e-input-group.e-control-wrapper .e-input-group-icon {
+  margin-right: 0;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -74661,6 +74652,7 @@ $grid-dropitems-count-margin-left: -4px !default;
     }
 
     &.e-responsive .e-rowcell.e-gridchkbox,
+    &.e-responsive .e-rowcell.e-gridchkbox-cell,
     &.e-responsive .e-headercelldiv.e-headerchkcelldiv {
       text-overflow: clip;
     }
@@ -78584,25 +78576,6 @@ $fe-drop-folder-bg-color: $primary !default;
         border-width: 0 0 1px;
       }
 
-      .e-toolbar-items .e-toolbar-item.e-template {
-        height: 30px;
-
-        .e-upload.e-fm-upload {
-          border: 0;
-
-          .e-file-select-wrap {
-            padding-left: 1px;
-            padding-right: 1px;
-
-            .e-css.e-btn:hover {
-              @if $fm-skin-name == 'material' {
-                box-shadow: none;
-              }
-            }
-          }
-        }
-      }
-
       .e-toolbar-items .e-toolbar-item .e-dropdown-btn.e-btn.e-tbar-btn {
         border: 0;
         box-shadow: none;
@@ -97049,6 +97022,9 @@ $pv-eye-icon-margin-top: 3px !default;
       width: 28px;
     }
   }
+  .e-pv-toolbar-tooltip {
+    pointer-events: none;
+  }
 }
 
 
@@ -104546,7 +104522,7 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-expand,
     .e-collapse {
       cursor: pointer;
-      display: inline-block;
+      display: inline;
       height: 18px;
       margin-top: 5px;
       text-align: center;
@@ -104927,7 +104903,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
 
@@ -105464,7 +105439,6 @@ $pivotpager-single-size-title-padding: 8px !default;
 
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }