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

@syncfusion/blazor-themes 21.1.38 → 21.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 (89) hide show

package/SCSS-Themes/navigations/tab/fluent.scss CHANGED Viewed

@@ -5581,18 +5581,10 @@ $tab-background-text-color: $primary-text-color !default;
       .e-popup-up-icon::before {
         content: '\e776';
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
       }
       .e-popup-down-icon::before {
         content: '\e729';
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
       }
     }

package/SCSS-Themes/navigations/tab/highcontrast.scss CHANGED Viewed

@@ -5625,18 +5625,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 {

package/SCSS-Themes/navigations/tab/material-dark.scss CHANGED Viewed

@@ -5586,18 +5586,6 @@ $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !def
         content: '\e7fc';
         position: relative;
       }
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e984';
-        }
-      }
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e984';
-        }
-      }
     }
     &.e-vertical-icon .e-tab-header {

package/SCSS-Themes/navigations/tab/material.scss CHANGED Viewed

@@ -5596,18 +5596,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: '\e984';
-        }
-      }
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e984';
-        }
-      }
     }
     &.e-vertical-icon .e-tab-header {

package/SCSS-Themes/navigations/tab/tailwind-dark.scss CHANGED Viewed

@@ -5599,18 +5599,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7e7';
         position: relative;
       }
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
     }
     &.e-vertical-icon .e-tab-header {

package/SCSS-Themes/navigations/tab/tailwind.scss CHANGED Viewed

@@ -5599,18 +5599,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7e7';
         position: relative;
       }
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
     }
     &.e-vertical-icon .e-tab-header {

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: none !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: none !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: none !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: none !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: none !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: none !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: none !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: none !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: none !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: 0 2px 5px 0 rgba($shadow, .26) !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: 0 2px 5px 0 rgba($shadow, .26) !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: 0 2px 5px 0 rgba($shadow, .26) !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: 0 0 10px 0 rgba($neutral-black, .2) !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: 0 0 10px 0 rgba($neutral-black, .2) !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: 0 0 10px 0 rgba($neutral-black, .2) !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: $shadow-md !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: $shadow-md !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,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;
@@ -732,6 +736,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 {
@@ -1121,6 +1126,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/ribbon/ribbon/material-dark.scss CHANGED Viewed

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1p
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1p
       .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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1p
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: $shadow-md !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -443,6 +443,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         overflow-y: hidden;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -732,6 +736,7 @@ $ribbon-overflow-box-shadow: $shadow-md !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 {
@@ -1121,6 +1126,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         height: auto;
       }
+      .e-input-group {
+        margin-bottom: 0;
+      }
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

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

@@ -885,7 +885,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 {
@@ -902,7 +904,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%;
       }

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

@@ -885,7 +885,9 @@ $schedule-tree-content-color: $shadow !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
       &.e-left-handler {
@@ -902,7 +904,9 @@ $schedule-tree-content-color: $shadow !default;
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }

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

@@ -888,7 +888,9 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
       &.e-left-handler {
@@ -905,7 +907,9 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }

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

@@ -895,7 +895,9 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
       &.e-left-handler {
@@ -912,7 +914,9 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }

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

@@ -895,7 +895,9 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
       &.e-left-handler {
@@ -912,7 +914,9 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }

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

@@ -884,7 +884,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 {
@@ -901,7 +903,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%;
       }