npm - @syncfusion/blazor-themes - Versions diffs - 20.3.56 → 20.3.58 - Mend

@syncfusion/blazor-themes 20.3.56 → 20.3.58

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 (118) hide show

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

@@ -2254,6 +2254,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;
     }

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

@@ -2256,6 +2256,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;
     }

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

@@ -2260,6 +2260,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;
     }

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

@@ -2254,6 +2254,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;
     }

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

@@ -2254,6 +2254,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;
     }

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

@@ -2251,6 +2251,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;
     }

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

@@ -2251,6 +2251,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;
     }

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

@@ -2246,6 +2246,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;
     }

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

@@ -2246,6 +2246,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;
     }

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

@@ -2251,6 +2251,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;
     }

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

@@ -2252,6 +2252,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;
     }

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

@@ -2250,6 +2250,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;
     }

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

@@ -2261,6 +2261,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;
     }

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

@@ -2261,6 +2261,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;
     }

package/SCSS-Themes/highcontrast.scss CHANGED Viewed

@@ -27392,7 +27392,7 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
             &:not(.e-check):not(.e-stop) {
               color: $cbox-icon-color;
-              @media (hover: none) {
+              @media (max-width: 768px) {
                 color: $cbox-bgcolor;
               }
             }
@@ -46818,11 +46818,6 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !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;
@@ -47538,11 +47533,11 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !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;
         }
@@ -48018,7 +48013,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !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;
         }
@@ -48295,16 +48290,8 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !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,
@@ -49613,7 +49600,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
     &.e-vertical-icon {
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
@@ -49625,7 +49612,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -50261,7 +50248,7 @@ $tab-v-pop-focus-outline: 1.5px solid $border-fg !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;
         }
@@ -60295,6 +60282,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;
@@ -74246,6 +74237,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;
     }
@@ -78151,25 +78143,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;
@@ -96609,6 +96582,9 @@ $pv-eye-icon-margin-top: 3px !default;
       width: 28px;
     }
   }
+  .e-pv-toolbar-tooltip {
+    pointer-events: none;
+  }
 }
@@ -104073,7 +104049,7 @@ $pivotpager-single-size-title-padding: 4px !default;
     .e-expand,
     .e-collapse {
       cursor: pointer;
-      display: inline-block;
+      display: inline;
       height: 18px;
       margin-top: 5px;
       text-align: center;
@@ -104454,7 +104430,6 @@ $pivotpager-single-size-title-padding: 4px !default;
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
@@ -104991,7 +104966,6 @@ $pivotpager-single-size-title-padding: 4px !default;
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }

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

@@ -27836,7 +27836,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;
               }
             }
@@ -47513,11 +47513,6 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
         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;
@@ -48233,11 +48228,11 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
     &.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;
         }
@@ -48713,7 +48708,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
       &.e-vertical-icon {
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-big-tb-icon-height - 2;
           min-height: $tab-big-tb-icon-height - 2;
         }
@@ -48990,16 +48985,8 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
         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,
@@ -50308,7 +50295,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
     &.e-vertical-icon {
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
@@ -50320,7 +50307,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -50956,7 +50943,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
       &.e-vertical-icon {
-        .e-tab-header {
+        > .e-tab-header {
           height: $tab-nrml-tb-icon-height - 2;
           min-height: $tab-nrml-tb-icon-height - 2;
         }
@@ -60910,6 +60897,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;
@@ -75558,6 +75549,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;
     }
@@ -79463,25 +79455,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;
@@ -97938,6 +97911,9 @@ $pv-eye-icon-margin-top: 3px !default;
       width: 28px;
     }
   }
+  .e-pv-toolbar-tooltip {
+    pointer-events: none;
+  }
 }
@@ -105448,7 +105424,7 @@ $pivotpager-single-size-title-padding: 14px !default;
     .e-expand,
     .e-collapse {
       cursor: pointer;
-      display: inline-block;
+      display: inline;
       height: 18px;
       margin-top: 5px;
       text-align: center;
@@ -105829,7 +105805,6 @@ $pivotpager-single-size-title-padding: 14px !default;
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
@@ -106366,7 +106341,6 @@ $pivotpager-single-size-title-padding: 14px !default;
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }

package/SCSS-Themes/material.scss CHANGED Viewed

@@ -27633,7 +27633,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;
               }
             }
@@ -47252,11 +47252,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;
@@ -47972,11 +47967,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;
         }
@@ -48452,7 +48447,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;
         }
@@ -48729,16 +48724,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,
@@ -50047,7 +50034,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;
@@ -50059,7 +50046,7 @@ $tab-v-pop-focus-outline: 0 !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -50695,7 +50682,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;
         }
@@ -60642,6 +60629,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;
@@ -75276,6 +75267,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;
     }
@@ -79181,25 +79173,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;
@@ -97646,6 +97619,9 @@ $pv-eye-icon-margin-top: 3px !default;
       width: 28px;
     }
   }
+  .e-pv-toolbar-tooltip {
+    pointer-events: none;
+  }
 }
@@ -105153,7 +105129,7 @@ $pivotpager-single-size-title-padding: 14px !default;
     .e-expand,
     .e-collapse {
       cursor: pointer;
-      display: inline-block;
+      display: inline;
       height: 18px;
       margin-top: 5px;
       text-align: center;
@@ -105534,7 +105510,6 @@ $pivotpager-single-size-title-padding: 14px !default;
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }
@@ -106071,7 +106046,6 @@ $pivotpager-single-size-title-padding: 14px !default;
       .e-grid .e-headercelldiv,
       .e-grid .e-columnsheader {
-        padding-left: $pivotview-value-sort-rtl-padding !important;
         padding-right: 8px !important;
       }