npm - @syncfusion/blazor-themes - Versions diffs - 20.4.43 → 20.4.48 - Mend

@syncfusion/blazor-themes 20.4.43 → 20.4.48

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

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

@@ -829,20 +829,6 @@ $pivotpager-single-size-title-padding: 4px !default;
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-        .e-toolbar-item {
-          .e-tbar-btn.e-btn.e-control {
-            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
-              background: $pivotgrid-grp-bg-color;
-              &:hover {
-                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -935,20 +921,28 @@ $pivotpager-single-size-title-padding: 4px !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;
@@ -1441,15 +1435,17 @@ $pivotpager-single-size-title-padding: 4px !default;
     }
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
-    }
+      background-color: transparent;
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -837,20 +837,6 @@ $pivotpager-single-size-title-padding: 14px !default;
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-        .e-toolbar-item {
-          .e-tbar-btn.e-btn.e-control {
-            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
-              background: $pivotgrid-grp-bg-color;
-              &:hover {
-                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -943,20 +929,28 @@ $pivotpager-single-size-title-padding: 14px !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;
@@ -1449,15 +1443,17 @@ $pivotpager-single-size-title-padding: 14px !default;
     }
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
-    }
+      background-color: transparent;
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -833,20 +833,6 @@ $pivotpager-single-size-title-padding: 14px !default;
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-        .e-toolbar-item {
-          .e-tbar-btn.e-btn.e-control {
-            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
-              background: $pivotgrid-grp-bg-color;
-              &:hover {
-                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -939,20 +925,28 @@ $pivotpager-single-size-title-padding: 14px !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;
@@ -1445,15 +1439,17 @@ $pivotpager-single-size-title-padding: 14px !default;
     }
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
-    }
+      background-color: transparent;
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -836,20 +836,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-        .e-toolbar-item {
-          .e-tbar-btn.e-btn.e-control {
-            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
-              background: $pivotgrid-grp-bg-color;
-              &:hover {
-                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -942,20 +928,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;
@@ -1448,15 +1442,17 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
-    }
+      background-color: transparent;
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
+      }
       &:hover {
         @if ($skin-name == 'tailwind') {
           background-color: $pivot-toolbar-icon-hover-color;
-    }
-    }
+        }
+      }
     }

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

@@ -836,20 +836,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       .e-toolbar-items {
         background: $pivotgrid-grp-bg-color;
-        .e-toolbar-item {
-          .e-tbar-btn.e-btn.e-control {
-            @if ($skin-name =='fabric') or ($skin-name =='fabric-dark') or ($skin-name =='material') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') or ($skin-name =='bootstrap4') {
-              background: $pivotgrid-grp-bg-color;
-              &:hover {
-                @if ($skin-name =='material') or ($skin-name =='material-dark') or ($skin-name =='fabric-dark') or ($skin-name =='bootstrap4') {
-                  background: $pivotgrid-grp-bg-hover-color;
-                }
-              }
-            }
-          }
-        }
       }
       .e-toolbar-item .e-tbar-btn.e-btn {
@@ -942,20 +928,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;
@@ -1448,15 +1442,17 @@ $pivotpager-single-size-title-padding: 8px !default;
     }
     .e-toolbar .e-tbar-btn {
-      @if ($skin-name == 'tailwind') {
-        background-color: transparent;
-    }
+      background-color: transparent;
+      @if ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+        border: none !important;
+      }
       &: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';
     }