npm - @syncfusion/blazor-themes - Versions diffs - 20.4.44 → 20.4.49 - Mend

@syncfusion/blazor-themes 20.4.44 → 20.4.49

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

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

@@ -847,6 +847,12 @@ $pivotpager-single-size-title-padding: 8px !default;
                   background: $pivotgrid-grp-bg-hover-color;
                 }
               }
+              &:focus {
+                @if ($skin-name =='bootstrap4') {
+                  background: $pivotgrid-grp-bg-hover-color;
+                }
+              }
             }
           }
         }
@@ -942,20 +948,28 @@ $pivotpager-single-size-title-padding: 8px !default;
           @if ($pivotgrid-skin == 'bootstrap4') {
             background-color: $gray-600;
             border-radius: $pivotgrid-default-border-radius;
-        }
+          }
-        .e-menu-icon,
-        .e-icons{
-          @if ($pivotgrid-skin == 'bootstrap4') {
-            color: $white;
+          .e-menu-icon,
+          .e-icons{
+            @if ($pivotgrid-skin == 'bootstrap4') {
+              color: $white;
+            }
+            @if ($pivotgrid-skin == 'FluentUI') {
+              color: $pivotgrid-active-color;
+            }
           }
+        }
-          @if ($pivotgrid-skin == 'FluentUI') {
-            color: $pivotgrid-active-color;
+        ul.e-menu {
+          @if ($pivotgrid-skin == 'fabric') or ($pivotgrid-skin == 'fabric-dark') or
+          ($pivotgrid-skin == 'highcontrast') or ($pivotgrid-skin == 'highcontrast-light') {
+            padding-right: 0 !important;
+            padding-left: 0 !important;
           }
         }
       }
-      }
       .e-tab .e-tab-header .e-toolbar-item.e-active {
         margin-left: 18px !important;
@@ -1450,13 +1464,13 @@ $pivotpager-single-size-title-padding: 8px !default;
     .e-toolbar .e-tbar-btn {
       @if ($skin-name == 'tailwind') {
         background-color: transparent;
-    }
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

package/SCSS-Themes/popups/dialog/fluent-dark.scss CHANGED Viewed

@@ -21,7 +21,7 @@ $dialog-close-button-width: 32px !default;
 $dialog-header-content-padding: 16px 24px 20px !default;
 $dialog-content-padding: 24px 24px 12px 24px !default;
 $dialog-content-margin-bottom: 12px !default;
-$dialog-footer-content-padding: 0 24px 24px !default;
+$dialog-footer-content-padding: 24px !default;
 $dialog-footer-content-padding-bottom: 9px !default;
 $dialog-footer-content-border-top: 0 solid $border-light !default;
 $dialog-alert-footer-content-border-top: 0 solid $border-light !default;

package/SCSS-Themes/popups/dialog/fluent.scss CHANGED Viewed

@@ -21,7 +21,7 @@ $dialog-close-button-width: 32px !default;
 $dialog-header-content-padding: 16px 24px 20px !default;
 $dialog-content-padding: 24px 24px 12px 24px !default;
 $dialog-content-margin-bottom: 12px !default;
-$dialog-footer-content-padding: 0 24px 24px !default;
+$dialog-footer-content-padding: 24px !default;
 $dialog-footer-content-padding-bottom: 9px !default;
 $dialog-footer-content-border-top: 0 solid $border-light !default;
 $dialog-alert-footer-content-border-top: 0 solid $border-light !default;

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss CHANGED Viewed

@@ -296,7 +296,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -540,13 +540,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2830,7 +2830,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss CHANGED Viewed

@@ -351,7 +351,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -595,13 +595,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2885,7 +2885,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss CHANGED Viewed

@@ -478,7 +478,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -722,13 +722,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -3012,7 +3012,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e74b';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e80e';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -281,7 +281,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -525,13 +525,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2814,7 +2814,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss CHANGED Viewed

@@ -281,7 +281,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -525,13 +525,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2814,7 +2814,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss CHANGED Viewed

@@ -277,7 +277,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -521,13 +521,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2811,7 +2811,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $rte-drop-text-mobile-width: 240px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -519,13 +519,13 @@ $rte-drop-text-mobile-width: 240px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2809,7 +2809,7 @@ $rte-drop-text-mobile-width: 240px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss CHANGED Viewed

@@ -284,7 +284,7 @@ $rte-drop-text-mobile-width: 242px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -528,13 +528,13 @@ $rte-drop-text-mobile-width: 242px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2817,7 +2817,7 @@ $rte-drop-text-mobile-width: 242px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss CHANGED Viewed

@@ -284,7 +284,7 @@ $rte-drop-text-mobile-width: 242px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -528,13 +528,13 @@ $rte-drop-text-mobile-width: 242px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2817,7 +2817,7 @@ $rte-drop-text-mobile-width: 242px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss CHANGED Viewed

@@ -275,7 +275,7 @@ $rte-drop-text-mobile-width: 238px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -519,13 +519,13 @@ $rte-drop-text-mobile-width: 238px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2809,7 +2809,7 @@ $rte-drop-text-mobile-width: 238px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss CHANGED Viewed

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -523,13 +523,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2813,7 +2813,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss CHANGED Viewed

@@ -277,7 +277,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -521,13 +521,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2811,7 +2811,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e35f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e34c';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss CHANGED Viewed

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -523,13 +523,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2812,7 +2812,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss CHANGED Viewed

@@ -279,7 +279,7 @@ $rte-drop-text-mobile-width: 250px !default;
           font-size: $rte-toolbar-big-icon-size;
         }
-        .e-toolbar-item .e-font-color .e-selected-color.e-icons::before,
+        .e-toolbar-item .e-rte-font-color .e-selected-color.e-icons::before,
         .e-toolbar-item .e-background-color .e-selected-color.e-icons::before {
           top: -20px;
         }
@@ -523,13 +523,13 @@ $rte-drop-text-mobile-width: 250px !default;
             padding-right: $rte-drop-btn-action-padding-right;
           }
-          .e-font-color .e-selected-color.e-icons::before {
+          .e-rte-font-color .e-selected-color.e-icons::before {
             font-size: 12px;
             position: relative;
             top: -18px;
           }
-          .e-font-color.e-icons::before {
+          .e-rte-font-color.e-icons::before {
             font-size: 13px;
           }
@@ -2812,7 +2812,7 @@ $rte-drop-text-mobile-width: 250px !default;
       content: '\e76f';
     }
-    .e-font-color::before {
+    .e-rte-font-color::before {
       content: '\e79f';
     }

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

@@ -573,7 +573,7 @@ $schedule-tree-content-color: #fff !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -573,7 +573,7 @@ $schedule-tree-content-color: $shadow !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -576,7 +576,7 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -583,7 +583,7 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -583,7 +583,7 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -572,7 +572,7 @@ $schedule-tree-content-color: #fff !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -573,7 +573,7 @@ $schedule-tree-content-color: $shadow !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -578,7 +578,7 @@ $schedule-tree-content-color: $content-text-color-alt2;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -578,7 +578,7 @@ $schedule-tree-content-color: $content-text-color-alt2;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }

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

@@ -574,7 +574,7 @@ $schedule-tree-content-color: #fff !default;
       vertical-align: top;
       &.e-translate {
-        transition: transform .3s ease 0s;
+        transition: transform .1s ease 0s;
       }
     }