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/grids/grid/material3-dark.scss CHANGED Viewed

@@ -2588,6 +2588,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' {

package/SCSS-Themes/grids/grid/material3-lite.scss CHANGED Viewed

@@ -2588,6 +2588,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' {

package/SCSS-Themes/grids/grid/material3.scss CHANGED Viewed

@@ -2588,6 +2588,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' {

package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss CHANGED Viewed

@@ -2592,6 +2592,12 @@ $grid-checkmark-color: $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' {

package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED Viewed

@@ -2592,6 +2592,12 @@ $grid-checkmark-color: $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' {

package/SCSS-Themes/grids/grid/tailwind-lite.scss CHANGED Viewed

@@ -2592,6 +2592,12 @@ $grid-checkmark-color: $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' {

package/SCSS-Themes/grids/grid/tailwind.scss CHANGED Viewed

@@ -2592,6 +2592,12 @@ $grid-checkmark-color: $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' {

package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,12 @@ $grid-checkmark-color: $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' {

package/SCSS-Themes/grids/grid/tailwind3-dark.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,12 @@ $grid-checkmark-color: $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' {

package/SCSS-Themes/grids/grid/tailwind3-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,12 @@ $grid-checkmark-color: $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' {

package/SCSS-Themes/grids/grid/tailwind3.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: 0 !default;
 $grid-headercelldiv-padding: 0 20px 0 8px !default;
 $grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
-$grid-headercell-div-padding: 0 .4em !default;
+$grid-headercell-div-padding: 0 1.5em 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
 $grid-group-caption-font-size: $text-sm !default;
@@ -2589,6 +2589,12 @@ $grid-checkmark-color: $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' {

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

@@ -31990,7 +31990,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;
@@ -41115,7 +41115,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;
               }
@@ -60455,7 +60455,7 @@ $grid-headercell-line-height: 36px !default;
 $grid-header-padding: 8px !default;
 $grid-header-first-last-cell-padding: 10px !default;
 $grid-headercelldiv-margin: 0 !default;
-$grid-headercell-div-padding: 0 !default;
+$grid-headercell-div-padding: 0 7px 0 0 !default;
 $grid-headecell-span-height: 26px !default;
 $grid-headercelldiv-right-align-padding: 0 0 0 10px !default;
 $grid-headercelldiv-padding: 0 10px 0 0 !default;
@@ -62851,6 +62851,12 @@ $grid-checkmark-color: $selection-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' {
@@ -72297,7 +72303,7 @@ $rte-dialog-upload-status-progress: #0056b3 !default;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
       &.e-warning {
@@ -75813,11 +75819,11 @@ $gantt-chartrow-hover-bg-color: $hover-bg !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;
       }
@@ -83662,6 +83668,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/highcontrast.scss CHANGED Viewed

@@ -43803,7 +43803,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;
@@ -55730,7 +55730,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;
               }
@@ -82730,7 +82730,7 @@ $grid-headercell-line-height: 36px !default;
 $grid-header-padding: 8px !default;
 $grid-header-first-last-cell-padding: 10px !default;
 $grid-headercelldiv-margin: 0 !default;
-$grid-headercell-div-padding: 0 !default;
+$grid-headercell-div-padding: 0 7px 0 0 !default;
 $grid-headecell-span-height: 26px !default;
 $grid-headercelldiv-right-align-padding: 0 0 0 10px !default;
 $grid-headercelldiv-padding: 0 10px 0 0 !default;
@@ -85126,6 +85126,12 @@ $grid-checkmark-color: $selection-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' {
@@ -98224,7 +98230,7 @@ $rte-dialog-upload-status-progress: #0056b3 !default;
       padding-bottom: 2px;
       position: absolute;
       right: 0;
-      z-index: 100;
+      z-index: 9;
       pointer-events: none;
       &.e-warning {
@@ -102344,11 +102350,11 @@ $gantt-chartrow-hover-bg-color: $hover-bg !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;
       }
@@ -111339,6 +111345,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/kanban/kanban/material-lite.scss CHANGED Viewed

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

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

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

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

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

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

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

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

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

@@ -751,7 +751,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/bootstrap-lite.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/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;