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

@syncfusion/blazor-themes 30.1.38 → 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 (439) hide show

package/SCSS-Themes/interactive-chat/chat-ui/bootstrap5.3-dark.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/bootstrap5.3-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/bootstrap5.3.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/bootstrap5.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fabric-dark-lite.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $neutral-tertiary !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/interactive-chat/chat-ui/fabric-dark.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $neutral-tertiary !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/interactive-chat/chat-ui/fabric-lite.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $neutral-lighter !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/interactive-chat/chat-ui/fabric.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $neutral-lighter !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/interactive-chat/chat-ui/fluent-dark-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent-dark.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent2-dark-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent2-dark.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent2-highcontrast.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent2-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/fluent2.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/highcontrast-lite.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $border-default !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/interactive-chat/chat-ui/highcontrast.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $border-default !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/interactive-chat/chat-ui/material-dark-lite.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $grey-700 !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/interactive-chat/chat-ui/material-dark.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: $grey-700 !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/interactive-chat/chat-ui/material-lite.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: rgba(156, 163, 175, 1) !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/interactive-chat/chat-ui/material.scss CHANGED Viewed

@@ -164,6 +164,8 @@ $message-toolbar-border-color: rgba(156, 163, 175, 1) !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/interactive-chat/chat-ui/material3-dark-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/material3-dark.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/material3-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/material3.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind-dark-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind-dark.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind3-dark-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind3-dark.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind3-lite.scss CHANGED Viewed

@@ -164,6 +164,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/interactive-chat/chat-ui/tailwind3.scss CHANGED Viewed

@@ -164,6 +164,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/material-dark-lite.scss CHANGED Viewed

@@ -28565,6 +28565,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 {
@@ -38371,6 +38376,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
@@ -38433,6 +38442,7 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
             &:last-child {
@@ -38449,11 +38459,18 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
         &: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 {
@@ -74060,7 +74077,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         margin-block-start: 10px;
       }
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
@@ -74205,6 +74222,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       }
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -75897,6 +75915,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 }
+@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 {
@@ -83537,6 +83561,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;
   }
@@ -112379,6 +112407,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 {
@@ -112911,6 +112944,8 @@ $message-toolbar-border-color: $grey-700 !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/material-dark.scss CHANGED Viewed

@@ -39593,6 +39593,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 {
@@ -52674,6 +52679,10 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           .e-toolbar-item:first-child {
             margin-right: $tbar-item-nrml-mrgn;
           }
+          .e-toolbar-item:last-child {
+            margin-left: $tbar-item-nrml-mrgn;
+          }
         }
       }
@@ -52736,6 +52745,7 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
             &:first-child {
               margin-left: 0;
+              margin-right: $tbar-item-nrml-mrgn;
             }
             &:last-child {
@@ -52752,11 +52762,18 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
         &: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 {
@@ -100073,7 +100090,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         margin-block-start: 10px;
       }
-      e-content ul {
+      .e-content ul {
         list-style-type: disc;
       }
@@ -100218,6 +100235,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       }
       .e-content p:last-child,
+      .e-content p:last-of-type,
       .e-content pre:last-child,
       .e-content blockquote:last-child {
         margin-bottom: 0;
@@ -101910,6 +101928,12 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
   }
 }
+@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 {
@@ -103455,7 +103479,8 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
 .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;
@@ -111055,6 +111080,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;
   }
@@ -145162,6 +145191,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 {
@@ -145874,6 +145908,8 @@ $message-toolbar-border-color: $grey-700 !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;