npm - @syncfusion/blazor-themes - Versions diffs - 29.1.35 → 29.1.38 - Mend

@syncfusion/blazor-themes 29.1.35 → 29.1.38

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

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

@@ -2952,7 +2952,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2952,7 +2952,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2954,7 +2954,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2954,7 +2954,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2948,7 +2948,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/fluent2-highcontrast.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/fluent2-lite.scss CHANGED Viewed

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -265,9 +265,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
@@ -2975,7 +2975,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/highcontrast-lite.scss CHANGED Viewed

@@ -2978,7 +2978,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2978,7 +2978,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2957,7 +2957,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2957,7 +2957,7 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material-lite.scss CHANGED Viewed

@@ -2956,7 +2956,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2956,7 +2956,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/material3-lite.scss CHANGED Viewed

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: rgba($primary-text-color, .38) !default
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind-lite.scss CHANGED Viewed

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -2959,7 +2959,7 @@ $tab-fill-background-disable-text-color: $tab-disable-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/navigations/tab/tailwind3-lite.scss CHANGED Viewed

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

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

@@ -49,7 +49,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -477,13 +477,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;
@@ -2945,7 +2945,7 @@ $tab-fill-background-disable-text-color: $primary-text-color !default;
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/SCSS-Themes/schedule/schedule/bds-dark-lite.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bds-dark.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bds-lite.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bds.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-bgr-calendar-width: 345px !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bootstrap-dark-lite.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-tree-content-color: #fff !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-tree-content-color: #fff !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bootstrap-lite.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-tree-content-color: $shadow !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bootstrap.scss CHANGED Viewed

@@ -2472,6 +2472,11 @@ $schedule-tree-content-color: $shadow !default;
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/schedule/schedule/bootstrap4-lite.scss CHANGED Viewed

@@ -2475,6 +2475,11 @@ $schedule-tbar-border-hover-color: color.adjust($gray-600, $lightness: -12.5%) !
     }
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {