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

@syncfusion/blazor-themes 29.1.33 → 29.1.35

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

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

@@ -742,7 +742,7 @@ $listview-template-multiline-avatar-top: .7142em !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/bootstrap4-lite.scss CHANGED Viewed

@@ -752,7 +752,7 @@ $listview-template-multiline-avatar-top: .7142em !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/bootstrap4.scss CHANGED Viewed

@@ -752,7 +752,7 @@ $listview-template-multiline-avatar-top: .7142em !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/bootstrap5-dark-lite.scss CHANGED Viewed

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

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

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

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

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

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

@@ -770,7 +770,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/bootstrap5.scss CHANGED Viewed

@@ -770,7 +770,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/fabric-dark-lite.scss CHANGED Viewed

@@ -749,7 +749,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/fabric-dark.scss CHANGED Viewed

@@ -749,7 +749,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/fabric-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/fabric.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/fluent-dark-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-dark.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-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;
@@ -73227,7 +73227,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 +76744,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 +84602,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;
@@ -99154,7 +99154,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 +103275,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 +112279,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;
@@ -72960,7 +72960,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 +76477,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 +79352,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 +84336,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;