npm - @syncfusion/blazor-themes - Versions diffs - 21.1.38 → 21.1.41 - Mend

@syncfusion/blazor-themes 21.1.38 → 21.1.41

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

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

@@ -1585,14 +1585,6 @@ $gantt-masked-table-background-color: #e1dfdd;
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   .e-gantt-dialog .e-tab .e-tab-header {

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

@@ -1586,14 +1586,6 @@ $gantt-masked-table-background-color: #e1dfdd;
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   .e-gantt-dialog .e-tab .e-tab-header {

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

@@ -1586,14 +1586,6 @@ $gantt-masked-table-background-color: #e1dfdd;
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   .e-gantt-dialog .e-tab .e-tab-header {

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

@@ -1590,14 +1590,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   .e-gantt-dialog .e-tab .e-tab-header {

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

@@ -1590,14 +1590,6 @@ $gantt-masked-table-background-color: rgb(225,223,221);
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   .e-gantt-dialog .e-tab .e-tab-header {

package/SCSS-Themes/highcontrast.scss CHANGED Viewed

@@ -39809,7 +39809,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
         font-size: $listview-header-font-size;
       }
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
         @if ($skin-name == 'tailwind') {
@@ -52255,18 +52255,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7fc';
         position: relative;
       }
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e976';
-        }
-      }
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e976';
-        }
-      }
     }
     &.e-vertical-icon .e-tab-header {
@@ -87631,14 +87619,6 @@ $gantt-masked-table-background-color: #e1dfdd;
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   .e-gantt-dialog .e-tab .e-tab-header {
@@ -89783,6 +89763,12 @@ $editor-btn-icon-color: $content-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -89790,6 +89776,12 @@ $editor-btn-icon-color: $content-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {
@@ -98410,6 +98402,11 @@ $field-list-adaptive-outerdiv-height: 164px !default;
       }
       /* stylelint-enable */
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -101279,9 +101276,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -101303,19 +101297,15 @@ $field-list-adaptive-outerdiv-height: 164px !default;
       .e-title-mobile-header {
         display: flex;
-      }
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -101536,16 +101526,18 @@ $field-list-adaptive-outerdiv-height: 164px !default;
               margin-top: 20px;
               overflow: auto;
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
                 .e-list-icon {
                   cursor: pointer;
@@ -108569,7 +108561,9 @@ $schedule-tree-content-color: #fff !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
       &.e-left-handler {
@@ -108586,7 +108580,9 @@ $schedule-tree-content-color: #fff !default;
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
@@ -115177,6 +115173,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -115466,6 +115466,7 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
       .e-colorpicker-wrapper {
         border: 1px solid transparent;
+        border-radius: $ribbon-items-border-radius;
         .e-split-btn-wrapper.e-rtl .e-split-colorpicker {
           &.e-split-btn {
@@ -115855,6 +115856,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($bg-base-0, .175) !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap-dark.scss CHANGED Viewed

@@ -921,6 +921,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -928,6 +934,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap.scss CHANGED Viewed

@@ -922,6 +922,12 @@ $editor-btn-icon-color: $grey-light-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -929,6 +935,12 @@ $editor-btn-icon-color: $grey-light-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap4.scss CHANGED Viewed

@@ -922,6 +922,12 @@ $editor-btn-icon-color: $gray-700 !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -929,6 +935,12 @@ $editor-btn-icon-color: $gray-700 !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -916,6 +916,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -923,6 +929,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5.scss CHANGED Viewed

@@ -916,6 +916,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -923,6 +929,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/fabric-dark.scss CHANGED Viewed

@@ -921,6 +921,12 @@ $editor-btn-icon-color: $neutral-light-fontalt !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -928,6 +934,12 @@ $editor-btn-icon-color: $neutral-light-fontalt !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/fabric.scss CHANGED Viewed

@@ -922,6 +922,12 @@ $editor-btn-icon-color: $neutral-light-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -929,6 +935,12 @@ $editor-btn-icon-color: $neutral-light-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/fluent-dark.scss CHANGED Viewed

@@ -917,6 +917,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -924,6 +930,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/fluent.scss CHANGED Viewed

@@ -917,6 +917,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -924,6 +930,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/highcontrast.scss CHANGED Viewed

@@ -921,6 +921,12 @@ $editor-btn-icon-color: $content-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -928,6 +934,12 @@ $editor-btn-icon-color: $content-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/material-dark.scss CHANGED Viewed

@@ -922,6 +922,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -929,6 +935,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/material.scss CHANGED Viewed

@@ -922,6 +922,12 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -929,6 +935,12 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/tailwind-dark.scss CHANGED Viewed

@@ -917,6 +917,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -924,6 +930,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/inplace-editor/inplace-editor/tailwind.scss CHANGED Viewed

@@ -917,6 +917,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
@@ -924,6 +930,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
         @if $skin-name == 'bootstrap4' {

package/SCSS-Themes/lists/list-view/bootstrap-dark.scss CHANGED Viewed

@@ -731,7 +731,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
         font-size: $listview-header-font-size;
       }
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
         @if ($skin-name == 'tailwind') {

package/SCSS-Themes/lists/list-view/bootstrap.scss CHANGED Viewed

@@ -724,7 +724,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
         font-size: $listview-header-font-size;
       }
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
         @if ($skin-name == 'tailwind') {

package/SCSS-Themes/lists/list-view/bootstrap4.scss CHANGED Viewed

@@ -727,7 +727,7 @@ $listview-template-multiline-avatar-top: .7142em !default;
         font-size: $listview-header-font-size;
       }
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
         @if ($skin-name == 'tailwind') {

package/SCSS-Themes/lists/list-view/bootstrap5-dark.scss CHANGED Viewed

@@ -752,7 +752,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
         font-size: $listview-header-font-size;
       }
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
         @if ($skin-name == 'tailwind') {

package/SCSS-Themes/lists/list-view/bootstrap5.scss CHANGED Viewed

@@ -752,7 +752,7 @@ $listview-template-focused-multiline-content-color: $content-text-color-selected
         font-size: $listview-header-font-size;
       }
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-btn-icon) {
         color: $listview-icon-color;
         @if ($skin-name == 'tailwind') {