npm - @syncfusion/blazor-themes - Versions diffs - 30.1.37 → 30.1.39 - Mend

@syncfusion/blazor-themes 30.1.37 → 30.1.39

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

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

@@ -28533,6 +28533,11 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {
@@ -38181,6 +38186,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
@@ -38243,6 +38252,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
             &:last-child {
@@ -38259,11 +38269,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         &:first-child {
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+            &:last-child {
+              margin-right: 0;
+            }
+          }
           > .e-toolbar-right .e-toolbar-item {
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
             &:first-child {
@@ -47245,8 +47262,8 @@ $ddt-remains-padding: 0 0 0 8px !default;
 $ddt-rtl-remains-padding: 0 8px 0 0 !default;
 $ddt-chip-font-size: $text-sm !default;
 $ddt-overflow-count-padding: 5px 4px !default;
-$ddt-delim-padding: 0 8px !default;
-$ddt-delim-bigger-padding: 0 12px !default;
+$ddt-delim-padding: 8px 8px !default;
+$ddt-delim-bigger-padding: 8px 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
 $ddt-outline-padding: 10px 12px !default;
 $ddt-outline-chip-padding: 4px 12px !default;
@@ -73913,7 +73930,7 @@ $rte-popup-item-padding: 2px 4px !default;
         margin-block-start: 10px;
       }
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
@@ -74058,6 +74075,7 @@ $rte-popup-item-padding: 2px 4px !default;
       }
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -75750,6 +75768,12 @@ $rte-popup-item-padding: 2px 4px !default;
   }
 }
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
 //toolbar popup min height over riding end
 .e-richtexteditor .e-rte-tb-bottom {
@@ -76060,6 +76084,30 @@ $rte-popup-item-padding: 2px 4px !default;
     }
   }
+  .e-richtexteditor.e-disabled .e-rte-toolbar .e-toolbar-item {
+    .e-tbar-btn,
+    .e-rte-dropdown-menu,
+    .e-rte-dropdown {
+      pointer-events: none;
+      cursor: default;
+      background: transparent;
+      border: none;
+      &:hover {
+        background: transparent;
+        border: none;
+        .e-icons,
+        .e-rte-dropdown-btn-text,
+        .e-rte-font-color::before,
+        .e-background-color::before {
+          color: inherit;
+          background: transparent;
+        }
+      }
+    }
+  }
   .e-richtexteditor .e-rte-toolbar .e-toolbar-item,
   .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item {
     .e-rte-dropdown {
@@ -83358,6 +83406,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -112212,6 +112264,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -112744,6 +112801,8 @@ $message-toolbar-border-color: $border-light !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

package/SCSS-Themes/material3.scss CHANGED Viewed

@@ -39561,6 +39561,11 @@ $cmenu-hover-icon-color: rgba($icon-color) !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {
@@ -52484,6 +52489,10 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
@@ -52546,6 +52555,7 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
             &:last-child {
@@ -52562,11 +52572,18 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
         &:first-child {
-          > .e-toolbar-item:last-child,
+          > .e-toolbar-item:last-child {
+            &:last-child {
+              margin-right: 0;
+            }
+          }
           > .e-toolbar-right .e-toolbar-item {
             &:last-child {
               margin-right: 0;
+              margin-left: $tbar-item-nrml-mrgn;
             }
             &:first-child {
@@ -63996,8 +64013,8 @@ $ddt-remains-padding: 0 0 0 8px !default;
 $ddt-rtl-remains-padding: 0 8px 0 0 !default;
 $ddt-chip-font-size: $text-sm !default;
 $ddt-overflow-count-padding: 5px 4px !default;
-$ddt-delim-padding: 0 8px !default;
-$ddt-delim-bigger-padding: 0 12px !default;
+$ddt-delim-padding: 8px 8px !default;
+$ddt-delim-bigger-padding: 8px 12px !default;
 $ddt-remains-count-padding-top: 6px !default;
 $ddt-outline-padding: 10px 12px !default;
 $ddt-outline-chip-padding: 4px 12px !default;
@@ -99926,7 +99943,7 @@ $rte-popup-item-padding: 2px 4px !default;
         margin-block-start: 10px;
       }
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
@@ -100071,6 +100088,7 @@ $rte-popup-item-padding: 2px 4px !default;
       }
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -101763,6 +101781,12 @@ $rte-popup-item-padding: 2px 4px !default;
   }
 }
+@if $theme-name == 'material' or $theme-name == 'material-dark' {
+  .e-richtexteditor .e-rte-toolbar:not(.e-rte-inline-toolbar) .e-toolbar-item .e-tbar-btn.e-btn {
+    margin: 0;
+  }
+}
 //toolbar popup min height over riding end
 .e-richtexteditor .e-rte-tb-bottom {
@@ -102073,6 +102097,30 @@ $rte-popup-item-padding: 2px 4px !default;
     }
   }
+  .e-richtexteditor.e-disabled .e-rte-toolbar .e-toolbar-item {
+    .e-tbar-btn,
+    .e-rte-dropdown-menu,
+    .e-rte-dropdown {
+      pointer-events: none;
+      cursor: default;
+      background: transparent;
+      border: none;
+      &:hover {
+        background: transparent;
+        border: none;
+        .e-icons,
+        .e-rte-dropdown-btn-text,
+        .e-rte-font-color::before,
+        .e-background-color::before {
+          color: inherit;
+          background: transparent;
+        }
+      }
+    }
+  }
   .e-richtexteditor .e-rte-toolbar .e-toolbar-item,
   .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-item {
     .e-rte-dropdown {
@@ -103283,7 +103331,8 @@ $rte-popup-item-padding: 2px 4px !default;
 .e-bigger .e-richtexteditor {
   .e-rte-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item,
   .e-rte-toolbar .e-toolbar-pop:not(.e-toolbar-extended) .e-toolbar-item.e-toolbar-popup,
-  .e-rte-toolbar .e-toolbar-item {
+  .e-rte-toolbar .e-toolbar-item,
+  .e-rte-toolbar .e-toolbar-items .e-toolbar-item {
     .e-tbar-btn.e-btn {
       min-height: $rte-big-split-btn-height;
       min-width: $rte-big-split-btn-height;
@@ -110876,6 +110925,10 @@ $lg-desktop: 1399.98;
     position: $pv-page-div-position;
   }
+  .e-pdfviewer .e-pv-viewer-container.e-pv-fitHeight {
+    border-style: none;
+  }
   .e-pv-viewer-container .e-pv-page-div.e-focused {
     box-shadow: $pv-page-div-focus-style;
   }
@@ -144995,6 +145048,11 @@ $bigger-file-failure-circle-close-icon-margin: 12px !default;
         align-self: flex-end;
       }
     }
+    .e-prompt-content:has(.e-prompt-uploaded-files):not(:has(.e-prompt-text)) {
+      +.e-prompt-toolbar {
+        display: none;
+      }
+    }
   }
   @media (max-width: 760px) {
     .e-aiassistview {
@@ -145707,6 +145765,8 @@ $message-toolbar-border-color: $border-light !default;
         height: 32px !important; /* stylelint-disable-line declaration-no-important */
         min-height: 32px;
         z-index: 10;
+        overflow-x: scroll;
+        scrollbar-width: none;
         &.e-show,
         &:hover {
           display: block;

package/SCSS-Themes/navigations/context-menu/bds-dark-lite.scss CHANGED Viewed

@@ -231,6 +231,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bds-dark.scss CHANGED Viewed

@@ -231,6 +231,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bds-lite.scss CHANGED Viewed

@@ -231,6 +231,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bds.scss CHANGED Viewed

@@ -231,6 +231,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap-dark-lite.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap-dark.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap-lite.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap4-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap4.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5-dark.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5.3-dark.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5.3-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5.3.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/bootstrap5.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-disabled-item-opacity: .5 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fabric-dark-lite.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fabric-dark.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-li-selected-outline-offset: 0 !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fabric-lite.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fabric.scss CHANGED Viewed

@@ -214,6 +214,11 @@ $cmenu-hover-icon-color: $cmenu-icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent-dark-lite.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: $icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent-dark.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: $icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent-lite.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: $icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent.scss CHANGED Viewed

@@ -215,6 +215,11 @@ $cmenu-hover-icon-color: $icon-color !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {

package/SCSS-Themes/navigations/context-menu/fluent2-dark-lite.scss CHANGED Viewed

@@ -216,6 +216,11 @@ $cmenu-hover-icon-color: $icon-color-pressed !default;
           @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'Material3' {
             padding: 4px 0;
           }
+          &.e-contextmenu-template {
+            .e-menu-caret-icon {
+              display: flex;
+            }
+          }
         }
         &.e-ul {