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/navigations/tab/bootstrap-dark.scss CHANGED Viewed

@@ -418,11 +418,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;
@@ -1138,11 +1133,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;
         }
@@ -1618,7 +1613,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;
         }
@@ -1895,16 +1890,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,
@@ -3213,7 +3200,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;
@@ -3225,7 +3212,7 @@ $tab-alt-nav-hover-bg-color: $grey-e6 !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -3861,7 +3848,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;
         }

package/SCSS-Themes/navigations/tab/bootstrap.scss CHANGED Viewed

@@ -427,11 +427,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;
@@ -1147,11 +1142,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;
         }
@@ -1627,7 +1622,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;
         }
@@ -1904,16 +1899,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,
@@ -3222,7 +3209,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;
@@ -3234,7 +3221,7 @@ $tab-v-pop-focus-outline: 0 !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -3870,7 +3857,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;
         }

package/SCSS-Themes/navigations/tab/bootstrap4.scss CHANGED Viewed

@@ -431,11 +431,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;
@@ -1151,11 +1146,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;
         }
@@ -1631,7 +1626,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;
         }
@@ -1908,16 +1903,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,
@@ -3226,7 +3213,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;
@@ -3238,7 +3225,7 @@ $tab-v-pop-focus-outline: 0 !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -3874,7 +3861,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;
         }

package/SCSS-Themes/navigations/tab/bootstrap5-dark.scss CHANGED Viewed

@@ -420,11 +420,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;
@@ -1140,11 +1135,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;
         }
@@ -1620,7 +1615,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;
         }
@@ -1897,16 +1892,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,
@@ -3215,7 +3202,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;
@@ -3227,7 +3214,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;
         }
@@ -3863,7 +3850,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;
         }

package/SCSS-Themes/navigations/tab/bootstrap5.scss CHANGED Viewed

@@ -420,11 +420,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;
@@ -1140,11 +1135,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;
         }
@@ -1620,7 +1615,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;
         }
@@ -1897,16 +1892,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,
@@ -3215,7 +3202,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;
@@ -3227,7 +3214,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;
         }
@@ -3863,7 +3850,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;
         }

package/SCSS-Themes/navigations/tab/fabric-dark.scss CHANGED Viewed

@@ -426,11 +426,6 @@ $tab-pop-bg-color: $neutral-white !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;
@@ -1146,11 +1141,11 @@ $tab-pop-bg-color: $neutral-white !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;
         }
@@ -1626,7 +1621,7 @@ $tab-pop-bg-color: $neutral-white !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;
         }
@@ -1903,16 +1898,8 @@ $tab-pop-bg-color: $neutral-white !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,
@@ -3221,7 +3208,7 @@ $tab-pop-bg-color: $neutral-white !default;
     &.e-vertical-icon {
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
@@ -3233,7 +3220,7 @@ $tab-pop-bg-color: $neutral-white !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -3869,7 +3856,7 @@ $tab-pop-bg-color: $neutral-white !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;
         }

package/SCSS-Themes/navigations/tab/fabric.scss CHANGED Viewed

@@ -441,11 +441,6 @@ $tab-v-pop-focus-outline: 1.5px solid $neutral-secondary-alt !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;
@@ -1161,11 +1156,11 @@ $tab-v-pop-focus-outline: 1.5px solid $neutral-secondary-alt !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;
         }
@@ -1641,7 +1636,7 @@ $tab-v-pop-focus-outline: 1.5px solid $neutral-secondary-alt !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;
         }
@@ -1918,16 +1913,8 @@ $tab-v-pop-focus-outline: 1.5px solid $neutral-secondary-alt !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,
@@ -3236,7 +3223,7 @@ $tab-v-pop-focus-outline: 1.5px solid $neutral-secondary-alt !default;
     &.e-vertical-icon {
-      .e-tab-header {
+      > .e-tab-header {
         height: $tab-nrml-tb-icon-height;
         min-height: $tab-nrml-tb-icon-height;
@@ -3248,7 +3235,7 @@ $tab-v-pop-focus-outline: 1.5px solid $neutral-secondary-alt !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -3884,7 +3871,7 @@ $tab-v-pop-focus-outline: 1.5px solid $neutral-secondary-alt !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;
         }

package/SCSS-Themes/navigations/tab/fluent-dark.scss CHANGED Viewed

@@ -429,11 +429,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;
@@ -1149,11 +1144,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;
         }
@@ -1629,7 +1624,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;
         }
@@ -1906,16 +1901,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,
@@ -3224,7 +3211,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;
@@ -3236,7 +3223,7 @@ $tab-v-pop-focus-outline: 0 !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -3872,7 +3859,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;
         }

package/SCSS-Themes/navigations/tab/fluent.scss CHANGED Viewed

@@ -429,11 +429,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;
@@ -1149,11 +1144,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;
         }
@@ -1629,7 +1624,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;
         }
@@ -1906,16 +1901,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,
@@ -3224,7 +3211,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;
@@ -3236,7 +3223,7 @@ $tab-v-pop-focus-outline: 0 !default;
           }
         }
-        .e-toolbar-items {
+        > .e-toolbar-items {
           height: $tab-nrml-tb-icon-height;
         }
@@ -3872,7 +3859,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;
         }