@syncfusion/blazor-themes 21.1.35 → 21.1.38

package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss

@@ -1393,12 +1393,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1464,7 +1464,7 @@ $treeview-item-active-check-color: $primary !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/bootstrap5.scss

@@ -1393,12 +1393,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1464,7 +1464,7 @@ $treeview-item-active-check-color: $primary !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/fabric-dark.scss

@@ -1389,12 +1389,12 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1460,7 +1460,7 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/fabric.scss

@@ -1385,12 +1385,12 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1456,7 +1456,7 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/fluent-dark.scss

@@ -1393,12 +1393,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1464,7 +1464,7 @@ $treeview-item-active-check-color: $primary !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/fluent.scss

@@ -1393,12 +1393,12 @@ $treeview-item-active-check-color: $primary !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1464,7 +1464,7 @@ $treeview-item-active-check-color: $primary !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/highcontrast.scss

@@ -1391,12 +1391,12 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1462,7 +1462,7 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/material-dark.scss

@@ -1387,12 +1387,12 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1458,7 +1458,7 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/material.scss

@@ -1385,12 +1385,12 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1456,7 +1456,7 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/tailwind-dark.scss

@@ -1397,12 +1397,12 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1468,7 +1468,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/navigations/treeview/tailwind.scss

@@ -1397,12 +1397,12 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow {
+    .e-list-item.e-active.e-hover > .e-fullrow{
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow {
+    .e-list-item.e-editing.e-hover > .e-fullrow{
       @include active-editing-theme;
     }
 
@@ -1468,7 +1468,7 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content {
+      .e-list-item.e-hover > .e-text-content{
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }

package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss

@@ -2532,7 +2532,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/bootstrap.scss

@@ -2529,7 +2529,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss

@@ -2529,7 +2529,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss

@@ -2534,7 +2534,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss

@@ -2534,7 +2534,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss

@@ -2531,7 +2531,7 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/fabric.scss

@@ -2528,7 +2528,7 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss

@@ -2534,7 +2534,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/fluent.scss

@@ -2534,7 +2534,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/highcontrast.scss

@@ -2527,7 +2527,7 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/material-dark.scss

@@ -2535,7 +2535,7 @@ $pivotpager-single-size-title-padding: 14px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/material.scss

@@ -2531,7 +2531,7 @@ $pivotpager-single-size-title-padding: 14px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss

@@ -2534,7 +2534,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/pivotview/pivotview/tailwind.scss

@@ -2534,7 +2534,7 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-pivot-pager-column-maindiv {
               &.e-page-size-disable {
                 .e-pivotview-text-div {
-                  width: auto;
+                  width: 50%;
                 }
               }
             }

package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss

@@ -219,10 +219,6 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
         display: none;
       }
 
-      .e-item {
-        width: fit-content;
-      }
-
       .e-ribbon-file-menu {
         position: absolute;
         line-height: $ribbon-file-menu-height;
@@ -328,6 +324,12 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
         }
       }
 
+      .e-hscroll.e-scroll-device {
+        .e-scroll-nav.e-scroll-right-nav {
+          box-shadow: none;
+        }
+      }
+
       .e-hscroll {
         padding: $ribbon-hscroll-padding;
 
@@ -337,6 +339,7 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
           min-width: auto;
           width: auto;
           border-style: solid;
+          transform: none;
           border-width: $ribbon-hscroll-nav-border-width;
           border-radius: $ribbon-hscroll-nav-border-radius;
           z-index: 3;
@@ -348,6 +351,7 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
           .e-nav-arrow {
             font-size: $ribbon-nav-arrow-size;
             height: auto;
+            transform: none;
             line-height: $ribbon-nav-arrow-height;
             padding: $ribbon-hscroll-nav-arrow-padding;
             width: auto;
@@ -502,6 +506,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
       .e-tab-header {
         left: var(--fileMenuWidth);
       }
+
+      .e-ribbon-tab .e-hscroll.e-scroll-device {
+        padding-right: 30px;
+      }
     }
 
     &.e-rtl {
@@ -519,6 +527,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
       .e-tab-header {
         right: var(--fileMenuWidth);
       }
+
+      .e-ribbon-tab .e-hscroll.e-scroll-device {
+        padding-left: 30px;
+      }
     }
   }
 
@@ -866,8 +878,12 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
 
     .e-ribbon-overflow-target {
 
-      .e-ribbon-item > .e-input-group {
-        margin: $ribbon-overflow-wrapper-item-margin;
+      .e-ribbon-item {
+
+        & > .e-input-group,
+        .e-ribbon-template {
+          margin: $ribbon-overflow-wrapper-item-margin;
+        }
       }
 
       .e-ribbon-item > .e-checkbox-wrapper {
@@ -893,14 +909,6 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
           width: 100%;
           justify-content: flex-start;
         }
-
-        >.e-split-btn-wrapper,
-        >.e-dropdown-btn {
-          .e-icons.e-caret {
-            transform: rotate(-90deg);
-            margin-left: auto;
-          }
-        }
       }
 
       .e-ribbon-overflow-header {
@@ -911,6 +919,20 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
     }
   }
 
+  .e-ribbon-group-overflow-ddb:not(.e-rtl) {
+    .e-ribbon-overflow-target .e-ribbon-item {
+
+      >.e-split-btn-wrapper,
+      >.e-dropdown-btn {
+        .e-icons.e-caret {
+          transform: rotate(-90deg);
+          padding: $ribbon-items-margin;
+          margin: 0 0 0 auto;
+        }
+      }
+    }
+  }
+
   .e-rtl.e-ribbon-group-overflow-ddb {
     .e-ribbon-overflow-target .e-ribbon-item {
 
@@ -918,8 +940,8 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
       >.e-dropdown-btn {
         .e-icons.e-caret {
           transform: rotate(90deg);
-          margin-right: auto;
-          margin-left: unset;
+          padding: $ribbon-items-margin;
+          margin: 0 auto 0 0;
         }
       }
     }
@@ -1222,8 +1244,12 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
   .e-bigger.e-ribbon-group-overflow-ddb {
     .e-ribbon-overflow-target {
 
-      .e-ribbon-item > .e-input-group {
-        margin: $ribbon-bigger-overflow-wrapper-item-margin;
+      .e-ribbon-item {
+
+        & > .e-input-group,
+        .e-ribbon-template {
+          margin: $ribbon-bigger-overflow-wrapper-item-margin;
+        }
       }
 
       .e-ribbon-item > .e-checkbox-wrapper {
@@ -1231,6 +1257,30 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
         padding: 0;
       }
     }
+
+    &:not(.e-rtl) {
+      .e-ribbon-overflow-target .e-ribbon-item {
+
+        >.e-split-btn-wrapper,
+        >.e-dropdown-btn {
+          .e-icons.e-caret {
+            padding: $ribbon-bigger-items-margin;
+          }
+        }
+      }
+    }
+
+    &.e-rtl {
+      .e-ribbon-overflow-target .e-ribbon-item {
+
+        >.e-split-btn-wrapper,
+        >.e-dropdown-btn {
+          .e-icons.e-caret {
+            padding: $ribbon-bigger-items-margin;
+          }
+        }
+      }
+    }
   }
 
   .e-bigger .e-ribbon-menu.e-menu-wrapper ul.e-vertical,