npm - @syncfusion/blazor-themes - Versions diffs - 31.1.21 → 31.1.22 - Mend

@syncfusion/blazor-themes 31.1.21 → 31.1.22

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

package/SCSS-Themes/notifications/toast/fluent2.scss CHANGED Viewed

@@ -67,7 +67,7 @@ $toast-success-color: $msg-success-color !default;
 $toast-success-title-color: $msg-success-color !default;
 $toast-success-icon-color: $msg-success-icon-color !default;
 $toast-success-content-color: $msg-success-color !default;
-$toast-success-hover-bg-color: $msg-success-bg-color !default;
+$toast-success-hover-bg-color: $success-light-alt !default;
 $toast-success-hover-color: $msg-success-color !default;
 $toast-success-hover-box-shadow: $shadow !default;
@@ -76,7 +76,7 @@ $toast-info-color: $msg-info-color !default;
 $toast-info-title-color: $msg-info-color !default;
 $toast-info-icon-color: $msg-info-icon-color !default;
 $toast-info-content-color: $msg-info-color !default;
-$toast-info-hover-bg-color: $msg-info-bg-color !default;
+$toast-info-hover-bg-color: $info-light-alt !default;
 $toast-info-hover-color:  $msg-info-color !default;
 $toast-info-hover-box-shadow: $shadow !default;
@@ -85,7 +85,7 @@ $toast-warning-color: $msg-warning-color !default;
 $toast-warning-title-color: $msg-warning-color !default;
 $toast-warning-icon-color: $msg-warning-icon-color !default;
 $toast-warning-content-color: $msg-warning-color !default;
-$toast-warning-hover-bg-color: $msg-warning-bg-color !default;
+$toast-warning-hover-bg-color: $warning-light-alt !default;
 $toast-warning-hover-color: $msg-warning-color !default;
 $toast-warning-hover-box-shadow: $shadow !default;
@@ -94,7 +94,7 @@ $toast-danger-color: $msg-danger-color !default;
 $toast-danger-title-color: $msg-danger-color !default;
 $toast-danger-icon-color: $msg-danger-icon-color !default;
 $toast-danger-content-color: $msg-danger-color !default;
-$toast-danger-hover-bg-color: $msg-danger-bg-color !default;
+$toast-danger-hover-bg-color: $danger-light-alt !default;
 $toast-danger-hover-color: $msg-danger-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
@@ -357,7 +357,7 @@ $toast-warning-icon: '\e703' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

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

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: $selection-font !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/highcontrast.scss CHANGED Viewed

@@ -355,7 +355,7 @@ $toast-close-icon-hover-color: $selection-font !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

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

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

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

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

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

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-icon-hover-border-radius: 50% !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3-dark-lite.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3-dark.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3-lite.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/material3.scss CHANGED Viewed

@@ -362,7 +362,7 @@ $toast-warning-icon: '\e88b' !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind-dark-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind-dark.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind-lite.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind.scss CHANGED Viewed

@@ -350,7 +350,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind3-dark-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind3-dark.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind3-lite.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/notifications/toast/tailwind3.scss CHANGED Viewed

@@ -354,7 +354,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }

package/SCSS-Themes/pivotview/pivotview/bds-dark-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bds-dark.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bds-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bds.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 15px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap-dark-lite.scss CHANGED Viewed

@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1033,6 +1033,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap-lite.scss CHANGED Viewed

@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap4-lite.scss CHANGED Viewed

@@ -1034,6 +1034,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1034,6 +1034,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap5-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.3-dark.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.3-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.3.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 4px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fabric-dark-lite.scss CHANGED Viewed

@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1032,6 +1032,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fabric-lite.scss CHANGED Viewed

@@ -1031,6 +1031,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1031,6 +1031,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fluent-dark-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fluent-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fluent2-dark-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fluent2-dark.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fluent2-highcontrast.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fluent2-lite.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

package/SCSS-Themes/pivotview/pivotview/fluent2.scss CHANGED Viewed

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {

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

@@ -1030,6 +1030,10 @@ $pivotview-touch-header-text-padding: 8px !default;
         margin-left: 18px !important;
       }
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {