npm - @syncfusion/blazor-themes - Versions diffs - 29.1.33 → 29.1.37 - Mend

@syncfusion/blazor-themes 29.1.33 → 29.1.37

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

package/SCSS-Themes/lists/list-view/fluent-lite.scss CHANGED Viewed

@@ -776,7 +776,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/fluent.scss CHANGED Viewed

@@ -776,7 +776,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/fluent2-dark-lite.scss CHANGED Viewed

@@ -770,7 +770,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/fluent2-dark.scss CHANGED Viewed

@@ -770,7 +770,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -770,7 +770,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/fluent2-highcontrast.scss CHANGED Viewed

@@ -770,7 +770,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/fluent2-lite.scss CHANGED Viewed

@@ -770,7 +770,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/fluent2.scss CHANGED Viewed

@@ -770,7 +770,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/highcontrast-lite.scss CHANGED Viewed

@@ -742,7 +742,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/highcontrast.scss CHANGED Viewed

@@ -742,7 +742,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material-dark-lite.scss CHANGED Viewed

@@ -749,7 +749,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material-dark.scss CHANGED Viewed

@@ -749,7 +749,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material-lite.scss CHANGED Viewed

@@ -742,7 +742,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material.scss CHANGED Viewed

@@ -742,7 +742,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material3-dark-lite.scss CHANGED Viewed

@@ -765,7 +765,7 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material3-dark.scss CHANGED Viewed

@@ -765,7 +765,7 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material3-lite.scss CHANGED Viewed

@@ -765,7 +765,7 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/material3.scss CHANGED Viewed

@@ -765,7 +765,7 @@ $listview-template-focused-multiline-content-color: rgba($content-text-color-sel
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind-dark-lite.scss CHANGED Viewed

@@ -762,7 +762,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind-dark.scss CHANGED Viewed

@@ -762,7 +762,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind-lite.scss CHANGED Viewed

@@ -762,7 +762,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind.scss CHANGED Viewed

@@ -762,7 +762,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind3-dark-lite.scss CHANGED Viewed

@@ -775,7 +775,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind3-dark.scss CHANGED Viewed

@@ -775,7 +775,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind3-lite.scss CHANGED Viewed

@@ -775,7 +775,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

package/SCSS-Themes/lists/list-view/tailwind3.scss CHANGED Viewed

@@ -775,7 +775,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;

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

@@ -32503,7 +32503,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -41769,7 +41769,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;
               }
@@ -63764,6 +63764,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' {
@@ -73227,7 +73233,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
       &.e-warning {
@@ -76744,11 +76750,11 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         z-index: 6;
       }
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
@@ -84602,6 +84608,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -44316,7 +44316,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -56384,7 +56384,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 +86039,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' {
@@ -99154,7 +99160,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
       &.e-warning {
@@ -103275,11 +103281,11 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         z-index: 6;
       }
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
@@ -112279,6 +112285,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

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

@@ -32272,7 +32272,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -41512,7 +41512,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 +63497,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' {
@@ -72960,7 +72966,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
       &.e-warning {
@@ -76477,11 +76483,11 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         z-index: 6;
       }
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
@@ -79352,7 +79358,7 @@ $kanban-header-item-count-font-weight: 400 !default;
 $kanban-header-item-count-line-height: 24px !default;
 $kanban-header-item-count-opacity: .77 !default;
 $kanban-header-item-count-margin-top: 0 !default;
-$kanban-header-item-count-text-transform: lowercase !default;
+$kanban-header-item-count-text-transform: capitalize !default;
 $kanban-header-item-count-bgr-font-size: $kanban-header-item-count-font-size !default;
 $kanban-header-item-count-bgr-font-weight: $kanban-header-item-count-font-weight !default;
 $kanban-header-item-count-bgr-line-height: $kanban-header-item-count-line-height !default;
@@ -84336,6 +84342,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;

package/SCSS-Themes/material.scss CHANGED Viewed

@@ -44085,7 +44085,7 @@ $listview-template-multiline-avatar-top: 1.0666em !default;
       .e-list-item {
         &.e-focused {
           .e-list-wrapper.e-list-multi-line {
-            @if ($skin-name == 'bootstrap5') {
+            @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
               .e-list-item-header,
               .e-list-content {
                 color: $content-text-color-selected;
@@ -56127,7 +56127,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 +85772,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' {
@@ -98887,7 +98893,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
       &.e-warning {
@@ -103008,11 +103014,11 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         z-index: 6;
       }
-      .e-timeline-header-table-container > thead > tr > th {
+      .e-timeline-header-table-container thead tr th {
         border-left: 0;
       }
-      .e-timeline-header-table-container > thead > tr > td {
+      .e-timeline-header-table-container thead tr td {
         border-left: 0;
       }
@@ -106680,7 +106686,7 @@ $kanban-header-item-count-font-weight: 400 !default;
 $kanban-header-item-count-line-height: 24px !default;
 $kanban-header-item-count-opacity: .77 !default;
 $kanban-header-item-count-margin-top: 0 !default;
-$kanban-header-item-count-text-transform: lowercase !default;
+$kanban-header-item-count-text-transform: capitalize !default;
 $kanban-header-item-count-bgr-font-size: $kanban-header-item-count-font-size !default;
 $kanban-header-item-count-bgr-font-weight: $kanban-header-item-count-font-weight !default;
 $kanban-header-item-count-bgr-line-height: $kanban-header-item-count-line-height !default;
@@ -112013,6 +112019,29 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-bigger .e-pv-text-search-btn.e-btn {
+    padding-bottom: 4px;
+    padding-left: 7px;
+    padding-right: 7px;
+    padding-top: 6px;
+    line-height: 0;
+    @if ($skin-name == 'FluentUI' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5-dark') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 1px;
+    }
+    @if ($skin-name == 'bootstrap4') {
+      padding-bottom: 0;
+      padding-left: 1px;
+      padding-right: 1px;
+      padding-top: 0;
+    }
+    @if $skin-name == 'fluent2' {
+      padding: 0 !important;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-search-btn.e-btn:active,
   .e-pv-text-search-btn.e-btn:active {
     background-color: transparent;