npm - @syncfusion/blazor-themes - Versions diffs - 30.1.41 → 30.2.4 - Mend

@syncfusion/blazor-themes 30.1.41 → 30.2.4

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

package/SCSS-Themes/fluent2.scss CHANGED Viewed

@@ -67287,6 +67287,11 @@ $ddt-chip-border-color: $chip-border-color !default;
         }
       }
     }
+    &.e-float-input {
+      .e-float-text.e-label-top {
+        top: 15px;
+      }
+    }
   }
   .e-ddt-icon-hide {
@@ -72630,6 +72635,7 @@ $listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
 $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 $listbox-dragged-item-bg-color: $content-bg-color-alt3 !default;
 $listbox-dragged-item-text-color: $content-text-color !default;
+$listbox-icon-padding: 1px !default;
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -73126,6 +73132,14 @@ $listbox-dragged-item-text-color: $content-text-color !default;
       border-radius: 4px !important; /* stylelint-disable-line declaration-no-important */
     }
   }
+  .e-list-icon {
+    display: inline-block;
+    vertical-align: middle;
+    width: auto;
+    height: auto;
+    padding-bottom: $listbox-icon-padding;
+  }
 }
@@ -77389,9 +77403,6 @@ $de-column-presets-font-size: $text-6xl !default;
             white-space: nowrap;
             color: white;
         }
-        .e-de-contextmenu-wrapper .e-menu-vscroll {
-            z-index: 1000;
-        }
 }
@@ -83455,6 +83466,10 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
     &.e-splitter-vertical {
       flex-direction: column;
+      &.e-reverse {
+        flex-direction: column-reverse;
+      }
       &.e-pane {
         &.e-scrollable {
           overflow: hidden;
@@ -103146,12 +103161,6 @@ $rte-popup-item-padding: 4px 0 !default;
       margin-top: 0;
     }
-    .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons,
-    .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: 30px;
-    }
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list  {
@@ -103163,7 +103172,6 @@ $rte-popup-item-padding: 4px 0 !default;
     .e-aud-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container,
     .e-vid-uploadwrap.e-droparea .e-upload .e-upload-files .e-upload-file-list .e-file-container {
       margin-left: 0;
-      margin-right: 0;
     }
     .e-img-uploadwrap.e-droparea .e-upload .e-upload-files,
@@ -103186,7 +103194,6 @@ $rte-popup-item-padding: 4px 0 !default;
     }
     .e-dialog .e-img-uploadwrap.e-droparea .e-upload .e-upload-files .e-file-abort-btn.e-icons {
-      margin-right: $rte-img-upload-abort-icon-btn-margin-right;
       margin-top: $rte-img-upload-abort-icon-btn-margin-top;
     }
@@ -106642,7 +106649,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,
@@ -112103,22 +112110,27 @@ $toast-warning-icon: '\e703' !default;
   .e-toast {
     .e-toast-close-icon::before {
       content: $toast-close-icon;
+      font-family: 'e-icons';
     }
     .e-toast-success-icon::before {
       content: $toast-success-icon;
+      font-family: 'e-icons';
     }
     .e-toast-error-icon::before {
       content: $toast-error-icon;
+      font-family: 'e-icons';
     }
     .e-toast-info-icon::before {
       content: $toast-info-icon;
+      font-family: 'e-icons';
     }
     .e-toast-warning-icon::before {
       content: $toast-warning-icon;
+      font-family: 'e-icons';
     }
   }
 }

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

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $grey-f5 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $grey-f5 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-chartrow-hover-bg-color: rgba($black, .08) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-chartrow-hover-bg-color: rgba($black, .08) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-light !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-lighter !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $neutral-lighter !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -891,7 +891,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -894,7 +894,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -888,7 +888,7 @@ $gantt-chartrow-hover-bg-color: $hover-bg !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material-dark.scss CHANGED Viewed

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material-lite.scss CHANGED Viewed

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -889,7 +889,7 @@ $gantt-chartrow-hover-bg-color: $grey-200 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/material3-dark.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind-dark.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind-lite.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind.scss CHANGED Viewed

@@ -892,7 +892,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

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

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind3-dark.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind3-lite.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,

package/SCSS-Themes/gantt/gantt/tailwind3.scss CHANGED Viewed

@@ -890,7 +890,7 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 99%;
+        width: calc(100% - 5px);
       }
       .e-gantt-child-taskbar-inner-div,