npm - @syncfusion/blazor-themes - Versions diffs - 20.3.61 → 20.4.40 - Mend

@syncfusion/blazor-themes 20.3.61 → 20.4.40

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

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

@@ -55,8 +55,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-editor {
       display: flex;
       flex-flow: row wrap;
-      margin-left: auto;
-      margin-right: auto;
+      margin: 0 auto;
       max-width: 1240px;
     }
@@ -108,7 +107,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-form-right,
     .e-input-wrapper-side.e-form-right {
-      padding: 0 0 10px 8px;
+      padding: 0 0 10px;
     }
     .e-input-wrapper {
@@ -161,14 +160,12 @@ $recurrence-week-position-min-width: 90px !default;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {
-        padding-left: 8px;
-        padding-right: 0;
+        padding: 0 0 0 8px;
       }
       .e-input-wrapper.e-end-on-date,
       .e-input-wrapper.e-end-on-count {
-        padding-left: 0;
-        padding-right: 8px;
+        padding: 0 8px 0 0;
       }
       .e-recurrenceeditor {
@@ -209,11 +206,11 @@ $recurrence-week-position-min-width: 90px !default;
     }
     .e-month-expander tr:first-child .e-input-wrapper {
-      margin-bottom: 11px;
+      padding-bottom: 11px;
     }
     .e-month-expander-checkbox-wrapper.e-input-wrapper {
-      margin-top: -3px;
+      padding-top: 3px;
       .e-month-type .e-label {
         display: none;
@@ -279,7 +276,7 @@ $recurrence-week-position-min-width: 90px !default;
       .e-form-right,
       .e-input-wrapper-side.e-form-right {
-        padding: 0 0 10px 12px;
+        padding: 0 0 10px;
       }
       .e-input-wrapper-side .e-days .e-form-left {
@@ -360,8 +357,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-recurrence-table .e-monthday-element,
         .e-recurrence-table .e-day-position {
-          padding-left: 0;
-          padding-right: 64px;
+          padding: 0 64px 0 0;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-label,
@@ -374,14 +370,12 @@ $recurrence-week-position-min-width: 90px !default;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-left {
-          padding-left: 12px;
-          padding-right: 0;
+          padding: 0 0 0 12px;
         }
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 12px;
+          padding: 0 12px 0 0;
         }
         .e-recurrence-table .e-week-position {
@@ -428,8 +422,7 @@ $recurrence-week-position-min-width: 90px !default;
       .e-input-wrapper.e-end-on-date,
       .e-input-wrapper.e-end-on-count {
-        padding-left: 10px;
-        padding-right: 0;
+        padding: 0 0 0 10px;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {
@@ -456,8 +449,13 @@ $recurrence-week-position-min-width: 90px !default;
         padding-left: 20px;
       }
+      .e-recurrence-table .e-monthday-element {
+        margin-left: 20px;
+      }
       .e-week-position {
         right: 0;
+        padding-right: 10px;
       }
       &.e-rtl {
@@ -467,17 +465,15 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 10px;
+          padding: 0 10px 0 0;
         }
         .e-recurrence-table .e-monthday-element {
-          padding-left: 0;
+          padding: 0 20px 0 0;
         }
         .e-recurrence-table .e-day-position {
-          padding-right: 20px;
-          padding-left: 0;
+          padding: 0 50px 0 0;
         }
         .e-week-position {
@@ -505,6 +501,22 @@ $recurrence-week-position-min-width: 90px !default;
     }
   }
+  @media (max-width: 1024px) {
+    .e-recurrenceeditor {
+      .e-editor {
+        .e-input-wrapper-side.e-end-on {
+          width: 100%;
+        }
+        .e-input-wrapper-side.e-non-week {
+          width: 65%;
+        }
+      }
+    }
+  }
   @media (max-width: 580px) {
     .e-recurrenceeditor {
       margin-left: auto;
@@ -546,8 +558,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 10px;
-          padding-right: 0;
+          padding: 0 0 0 10px;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-left {
@@ -564,7 +575,11 @@ $recurrence-week-position-min-width: 90px !default;
         }
         .e-input-wrapper-side.e-non-week {
-          width: 100%;
+          width: 65%;
+        }
+        .e-recurrence-table .e-day-position {
+          padding-left: 50px;
         }
       }
@@ -575,8 +590,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 10px;
+          padding: 0 10px 0 0;
         }
       }
     }

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

@@ -55,8 +55,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-editor {
       display: flex;
       flex-flow: row wrap;
-      margin-left: auto;
-      margin-right: auto;
+      margin: 0 auto;
       max-width: 1240px;
     }
@@ -108,7 +107,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-form-right,
     .e-input-wrapper-side.e-form-right {
-      padding: 0 0 10px 8px;
+      padding: 0 0 10px;
     }
     .e-input-wrapper {
@@ -161,14 +160,12 @@ $recurrence-week-position-min-width: 90px !default;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {
-        padding-left: 8px;
-        padding-right: 0;
+        padding: 0 0 0 8px;
       }
       .e-input-wrapper.e-end-on-date,
       .e-input-wrapper.e-end-on-count {
-        padding-left: 0;
-        padding-right: 8px;
+        padding: 0 8px 0 0;
       }
       .e-recurrenceeditor {
@@ -209,11 +206,11 @@ $recurrence-week-position-min-width: 90px !default;
     }
     .e-month-expander tr:first-child .e-input-wrapper {
-      margin-bottom: 11px;
+      padding-bottom: 11px;
     }
     .e-month-expander-checkbox-wrapper.e-input-wrapper {
-      margin-top: -3px;
+      padding-top: 3px;
       .e-month-type .e-label {
         display: none;
@@ -279,7 +276,7 @@ $recurrence-week-position-min-width: 90px !default;
       .e-form-right,
       .e-input-wrapper-side.e-form-right {
-        padding: 0 0 10px 12px;
+        padding: 0 0 10px;
       }
       .e-input-wrapper-side .e-days .e-form-left {
@@ -360,8 +357,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-recurrence-table .e-monthday-element,
         .e-recurrence-table .e-day-position {
-          padding-left: 0;
-          padding-right: 64px;
+          padding: 0 64px 0 0;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-label,
@@ -374,14 +370,12 @@ $recurrence-week-position-min-width: 90px !default;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-left {
-          padding-left: 12px;
-          padding-right: 0;
+          padding: 0 0 0 12px;
         }
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 12px;
+          padding: 0 12px 0 0;
         }
         .e-recurrence-table .e-week-position {
@@ -428,8 +422,7 @@ $recurrence-week-position-min-width: 90px !default;
       .e-input-wrapper.e-end-on-date,
       .e-input-wrapper.e-end-on-count {
-        padding-left: 10px;
-        padding-right: 0;
+        padding: 0 0 0 10px;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {
@@ -456,8 +449,13 @@ $recurrence-week-position-min-width: 90px !default;
         padding-left: 20px;
       }
+      .e-recurrence-table .e-monthday-element {
+        margin-left: 20px;
+      }
       .e-week-position {
         right: 0;
+        padding-right: 10px;
       }
       &.e-rtl {
@@ -467,17 +465,15 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 10px;
+          padding: 0 10px 0 0;
         }
         .e-recurrence-table .e-monthday-element {
-          padding-left: 0;
+          padding: 0 20px 0 0;
         }
         .e-recurrence-table .e-day-position {
-          padding-right: 20px;
-          padding-left: 0;
+          padding: 0 50px 0 0;
         }
         .e-week-position {
@@ -505,6 +501,22 @@ $recurrence-week-position-min-width: 90px !default;
     }
   }
+  @media (max-width: 1024px) {
+    .e-recurrenceeditor {
+      .e-editor {
+        .e-input-wrapper-side.e-end-on {
+          width: 100%;
+        }
+        .e-input-wrapper-side.e-non-week {
+          width: 65%;
+        }
+      }
+    }
+  }
   @media (max-width: 580px) {
     .e-recurrenceeditor {
       margin-left: auto;
@@ -546,8 +558,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 10px;
-          padding-right: 0;
+          padding: 0 0 0 10px;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-left {
@@ -564,7 +575,11 @@ $recurrence-week-position-min-width: 90px !default;
         }
         .e-input-wrapper-side.e-non-week {
-          width: 100%;
+          width: 65%;
+        }
+        .e-recurrence-table .e-day-position {
+          padding-left: 50px;
         }
       }
@@ -575,8 +590,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 10px;
+          padding: 0 10px 0 0;
         }
       }
     }

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

@@ -55,8 +55,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-editor {
       display: flex;
       flex-flow: row wrap;
-      margin-left: auto;
-      margin-right: auto;
+      margin: 0 auto;
       max-width: 1240px;
     }
@@ -108,7 +107,7 @@ $recurrence-week-position-min-width: 90px !default;
     .e-form-right,
     .e-input-wrapper-side.e-form-right {
-      padding: 0 0 10px 8px;
+      padding: 0 0 10px;
     }
     .e-input-wrapper {
@@ -161,14 +160,12 @@ $recurrence-week-position-min-width: 90px !default;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {
-        padding-left: 8px;
-        padding-right: 0;
+        padding: 0 0 0 8px;
       }
       .e-input-wrapper.e-end-on-date,
       .e-input-wrapper.e-end-on-count {
-        padding-left: 0;
-        padding-right: 8px;
+        padding: 0 8px 0 0;
       }
       .e-recurrenceeditor {
@@ -209,11 +206,11 @@ $recurrence-week-position-min-width: 90px !default;
     }
     .e-month-expander tr:first-child .e-input-wrapper {
-      margin-bottom: 11px;
+      padding-bottom: 11px;
     }
     .e-month-expander-checkbox-wrapper.e-input-wrapper {
-      margin-top: -3px;
+      padding-top: 3px;
       .e-month-type .e-label {
         display: none;
@@ -279,7 +276,7 @@ $recurrence-week-position-min-width: 90px !default;
       .e-form-right,
       .e-input-wrapper-side.e-form-right {
-        padding: 0 0 10px 12px;
+        padding: 0 0 10px;
       }
       .e-input-wrapper-side .e-days .e-form-left {
@@ -360,8 +357,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-recurrence-table .e-monthday-element,
         .e-recurrence-table .e-day-position {
-          padding-left: 0;
-          padding-right: 64px;
+          padding: 0 64px 0 0;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-label,
@@ -374,14 +370,12 @@ $recurrence-week-position-min-width: 90px !default;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-left {
-          padding-left: 12px;
-          padding-right: 0;
+          padding: 0 0 0 12px;
         }
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 12px;
+          padding: 0 12px 0 0;
         }
         .e-recurrence-table .e-week-position {
@@ -428,8 +422,7 @@ $recurrence-week-position-min-width: 90px !default;
       .e-input-wrapper.e-end-on-date,
       .e-input-wrapper.e-end-on-count {
-        padding-left: 10px;
-        padding-right: 0;
+        padding: 0 0 0 10px;
       }
       .e-input-wrapper-side.e-end-on .e-end-on-left {
@@ -456,8 +449,13 @@ $recurrence-week-position-min-width: 90px !default;
         padding-left: 20px;
       }
+      .e-recurrence-table .e-monthday-element {
+        margin-left: 20px;
+      }
       .e-week-position {
         right: 0;
+        padding-right: 10px;
       }
       &.e-rtl {
@@ -467,17 +465,15 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 10px;
+          padding: 0 10px 0 0;
         }
         .e-recurrence-table .e-monthday-element {
-          padding-left: 0;
+          padding: 0 20px 0 0;
         }
         .e-recurrence-table .e-day-position {
-          padding-right: 20px;
-          padding-left: 0;
+          padding: 0 50px 0 0;
         }
         .e-week-position {
@@ -505,6 +501,22 @@ $recurrence-week-position-min-width: 90px !default;
     }
   }
+  @media (max-width: 1024px) {
+    .e-recurrenceeditor {
+      .e-editor {
+        .e-input-wrapper-side.e-end-on {
+          width: 100%;
+        }
+        .e-input-wrapper-side.e-non-week {
+          width: 65%;
+        }
+      }
+    }
+  }
   @media (max-width: 580px) {
     .e-recurrenceeditor {
       margin-left: auto;
@@ -546,8 +558,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 10px;
-          padding-right: 0;
+          padding: 0 0 0 10px;
         }
         .e-input-wrapper-side.e-end-on .e-end-on-left {
@@ -564,7 +575,11 @@ $recurrence-week-position-min-width: 90px !default;
         }
         .e-input-wrapper-side.e-non-week {
-          width: 100%;
+          width: 65%;
+        }
+        .e-recurrence-table .e-day-position {
+          padding-left: 50px;
         }
       }
@@ -575,8 +590,7 @@ $recurrence-week-position-min-width: 90px !default;
         .e-input-wrapper.e-end-on-date,
         .e-input-wrapper.e-end-on-count {
-          padding-left: 0;
-          padding-right: 10px;
+          padding: 0 10px 0 0;
         }
       }
     }