@syncfusion/blazor-themes 29.1.35 → 29.1.38

package/SCSS-Themes/material-dark.scss

@@ -3012,6 +3012,11 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -56384,7 +56389,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;
               }
@@ -86039,6 +86044,12 @@ $grid-checkmark-color: $accent-font !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -88202,6 +88213,17 @@ $grid-checkmark-color: $accent-font !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -131554,6 +131576,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/material-lite.scss

@@ -2880,6 +2880,11 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -41512,7 +41517,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;
               }
@@ -63497,6 +63502,12 @@ $grid-checkmark-color: $accent-font !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -65660,6 +65671,17 @@ $grid-checkmark-color: $accent-font !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -100551,6 +100573,11 @@ $schedule-tree-content-color: $shadow;
     }
 
     .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/material.scss

@@ -3002,6 +3002,11 @@ $ddl-bigger-small-list-font-size: 13px !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -56127,7 +56132,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;
               }
@@ -85772,6 +85777,12 @@ $grid-checkmark-color: $accent-font !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -87935,6 +87946,17 @@ $grid-checkmark-color: $accent-font !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -131287,6 +131309,11 @@ $schedule-tree-content-color: $shadow;
     }
 
     .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/material3-dark-lite.scss

@@ -3080,6 +3080,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -41499,7 +41504,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;
               }
@@ -63579,6 +63584,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -65742,6 +65753,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -98326,7 +98348,7 @@ $schedule-tbar-btn-bgr-minheight: 18px !default;
 $schedule-tbar-btn-bgr-minwidth: 18px !default;
 $schedule-tbar-btn-bgr-padding: 0 8px !default;
 $schedule-tbar-btn-icn-bgr-padding: 0 !default;
-$schedule-tbar-btn-icn-right-bgr-padding: 12px 0 !default;
+$schedule-tbar-btn-icn-right-bgr-padding: 7px 0 !default;
 $schedule-tbar-right-items-btn-border: 1px solid rgba($border-light) !default;
 $schedule-tbar-right-items-btn-border-radius: 20px !default;
 $schedule-tbar-right-active-items-btn-border: 1px solid rgba($primary) !default;
@@ -100605,6 +100627,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/material3-dark.scss

@@ -3202,6 +3202,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -56114,7 +56119,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;
               }
@@ -85854,6 +85859,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -88017,6 +88028,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -129062,7 +129084,7 @@ $schedule-tbar-btn-bgr-minheight: 18px !default;
 $schedule-tbar-btn-bgr-minwidth: 18px !default;
 $schedule-tbar-btn-bgr-padding: 0 8px !default;
 $schedule-tbar-btn-icn-bgr-padding: 0 !default;
-$schedule-tbar-btn-icn-right-bgr-padding: 12px 0 !default;
+$schedule-tbar-btn-icn-right-bgr-padding: 7px 0 !default;
 $schedule-tbar-right-items-btn-border: 1px solid rgba($border-light) !default;
 $schedule-tbar-right-items-btn-border-radius: 20px !default;
 $schedule-tbar-right-active-items-btn-border: 1px solid rgba($primary) !default;
@@ -131341,6 +131363,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/material3-lite.scss

@@ -3150,6 +3150,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -41569,7 +41574,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;
               }
@@ -63649,6 +63654,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -65812,6 +65823,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -98396,7 +98418,7 @@ $schedule-tbar-btn-bgr-minheight: 18px !default;
 $schedule-tbar-btn-bgr-minwidth: 18px !default;
 $schedule-tbar-btn-bgr-padding: 0 8px !default;
 $schedule-tbar-btn-icn-bgr-padding: 0 !default;
-$schedule-tbar-btn-icn-right-bgr-padding: 12px 0 !default;
+$schedule-tbar-btn-icn-right-bgr-padding: 7px 0 !default;
 $schedule-tbar-right-items-btn-border: 1px solid rgba($border-light) !default;
 $schedule-tbar-right-items-btn-border-radius: 20px !default;
 $schedule-tbar-right-active-items-btn-border: 1px solid rgba($primary) !default;
@@ -100675,6 +100697,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/material3.scss

@@ -3272,6 +3272,11 @@ $ddl-bigger-small-list-font-size: $text-sm !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -56184,7 +56189,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;
               }
@@ -85924,6 +85929,12 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       @include grid-margin-padding($grid-column-menu-margin, $grid-column-menu-padding);
     }
 
+    .e-table:not(.e-sortfilter) .e-headercell .e-columnmenu {
+      @if $grid-skin == 'bootstrap5.3' or $grid-skin == 'bootstrap5'  {
+        margin-top: -11px;
+      }
+    }
+
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
       @if $grid-skin == 'material' or $grid-skin == 'material3' {
@@ -88087,6 +88098,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -129132,7 +129154,7 @@ $schedule-tbar-btn-bgr-minheight: 18px !default;
 $schedule-tbar-btn-bgr-minwidth: 18px !default;
 $schedule-tbar-btn-bgr-padding: 0 8px !default;
 $schedule-tbar-btn-icn-bgr-padding: 0 !default;
-$schedule-tbar-btn-icn-right-bgr-padding: 12px 0 !default;
+$schedule-tbar-btn-icn-right-bgr-padding: 7px 0 !default;
 $schedule-tbar-right-items-btn-border: 1px solid rgba($border-light) !default;
 $schedule-tbar-right-items-btn-border-radius: 20px !default;
 $schedule-tbar-right-active-items-btn-border: 1px solid rgba($primary) !default;
@@ -131411,6 +131433,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/navigations/tab/bds-dark-lite.scss

@@ -2972,7 +2972,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/bds-dark.scss

@@ -2972,7 +2972,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/bds-lite.scss

@@ -2972,7 +2972,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/bds.scss

@@ -2972,7 +2972,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/bootstrap-dark-lite.scss

@@ -2941,7 +2941,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/bootstrap-dark.scss

@@ -2941,7 +2941,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/bootstrap-lite.scss

@@ -2940,7 +2940,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/bootstrap.scss

@@ -2940,7 +2940,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/bootstrap4-lite.scss

@@ -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/bootstrap4.scss

@@ -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/bootstrap5-dark-lite.scss

@@ -2946,7 +2946,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/bootstrap5-dark.scss

@@ -2946,7 +2946,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/bootstrap5-lite.scss

@@ -2946,7 +2946,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/bootstrap5.3-dark-lite.scss

@@ -2947,7 +2947,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/bootstrap5.3-dark.scss

@@ -2947,7 +2947,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/bootstrap5.3-lite.scss

@@ -2947,7 +2947,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/bootstrap5.3.scss

@@ -2947,7 +2947,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/bootstrap5.scss

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