@syncfusion/ej2-schedule 26.2.14 → 27.1.48

package/styles/material3.scss

@@ -16,6 +16,7 @@
 @import 'schedule/material3-definition.scss';
 @import 'schedule/icons/material3.scss';
 @import 'schedule/all.scss';
-
+@import 'schedule/bigger.scss';
 @import 'ej2-buttons/styles/radio-button/material3-definition.scss';
-@import 'recurrence-editor/all.scss';
+@import 'recurrence-editor/all.scss';
+@import 'recurrence-editor/bigger.scss';

package/styles/recurrence-editor/_bigger.scss

@@ -0,0 +1,134 @@
+@include export-module('recurrence-editor-bigger') {
+  .e-bigger {
+    .e-recurrenceeditor {
+      padding: 0;
+
+      .e-input-wrapper-side.e-form-left {
+        padding: 0 12px 11px 0;
+      }
+
+      .e-form-left {
+        padding: 0 12px 14px 0;
+      }
+
+      .e-recurrence-table .e-monthday-element {
+        padding-left: 70px;
+      }
+
+      .e-week-position {
+        min-width: $recurrence-week-position-bgr-min-width;
+        right: 0;
+      }
+
+      .e-day-position {
+        min-width: $recurrence-day-position-bgr-min-width;
+        padding-left: $recurrence-day-position-bgr-padding-left;
+      }
+
+      .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+        font-size: $recurrence-label-font-bgr-size;
+        margin-bottom: $recurrence-month-label-bottom-bgr;
+        font-weight: $recurrence-label-font-weight;
+      }
+
+      .e-input-wrapper-side.e-end-on .e-end-on-left {
+        padding-right: $recurrence-end-bgr-padding-right;
+      }
+
+      .e-end-on-label {
+        margin-bottom: 0;
+      }
+
+      .e-days .e-week-expander-label {
+        font-size: $recurrence-label-font-bgr-size;
+        margin-bottom: 8px;
+      }
+
+      .e-input-wrapper-side.e-end-on .e-end-on-label {
+        font-size: $recurrence-label-font-bgr-size;
+        margin-bottom: 1px;
+      }
+
+      .e-month-expander tr:first-child .e-input-wrapper,
+      .e-year-expander {
+        margin-bottom: 11px;
+      }
+
+      .e-recurrence-table {
+        &.e-month-expand-wrapper td:first-child {
+          width: 30px;
+        }
+      }
+
+      @if $skin-name == 'fluent2' {
+        .e-recurrence-table {
+          &.e-month-expand-wrapper .e-radio + label {
+            margin: 0;
+          }
+        }
+      }
+
+      .e-days {
+        button {
+          height: 40px;
+          width: 40px;
+        }
+      }
+
+      &.e-rtl {
+
+        .e-form-left,
+        .e-input-wrapper-side.e-form-left {
+          padding: 0 0 10px 12px;
+        }
+
+        .e-form-right,
+        .e-input-wrapper-side.e-form-right {
+          padding: 0 12px 10px 0;
+        }
+
+        .e-recurrence-table .e-monthday-element,
+        .e-recurrence-table .e-day-position {
+          padding: 0 64px 0 0;
+        }
+
+        .e-input-wrapper-side.e-end-on .e-end-on-label,
+        .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+          padding-right: 0;
+        }
+
+        .e-end-on-label {
+          margin-bottom: 5px;
+        }
+
+        .e-input-wrapper-side.e-end-on .e-end-on-left {
+          padding: 0 0 0 12px;
+        }
+
+        .e-input-wrapper.e-end-on-date,
+        .e-input-wrapper.e-end-on-count {
+          padding: 0 12px 0 0;
+        }
+
+        .e-recurrence-table .e-week-position {
+          left: 0;
+        }
+      }
+    }
+
+    .e-device {
+      .e-recurrence-table .e-monthday-element,
+      .e-recurrence-table .e-day-position {
+        padding-left: 20px;
+      }
+
+      .e-recurrenceeditor {
+        &.e-rtl {
+          .e-recurrence-table .e-monthday-element {
+            padding: 0 20px 0 0;
+          }
+        }
+      }
+    }
+  }
+}

package/styles/recurrence-editor/_layout.scss

@@ -202,116 +202,6 @@
     }
   }
 
-  .e-bigger {
-    .e-recurrenceeditor {
-      padding: 0;
-
-      .e-input-wrapper-side.e-form-left {
-        padding: 0 12px 11px 0;
-      }
-
-      .e-form-left {
-        padding: 0 12px 14px 0;
-      }
-
-      .e-recurrence-table .e-monthday-element {
-        padding-left: 70px;
-      }
-
-      .e-week-position {
-        min-width: $recurrence-week-position-bgr-min-width;
-        right: 0;
-      }
-
-      .e-day-position {
-        min-width: $recurrence-day-position-bgr-min-width;
-        padding-left: $recurrence-day-position-bgr-padding-left;
-      }
-
-      .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-        font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: $recurrence-month-label-bottom-bgr;
-        font-weight: $recurrence-label-font-weight;
-      }
-
-      .e-input-wrapper-side.e-end-on .e-end-on-left {
-        padding-right: $recurrence-end-bgr-padding-right;
-      }
-
-      .e-end-on-label {
-        margin-bottom: 0;
-      }
-
-      .e-days .e-week-expander-label {
-        font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 8px;
-      }
-
-      .e-input-wrapper-side.e-end-on .e-end-on-label {
-        font-size: $recurrence-label-font-bgr-size;
-        margin-bottom: 1px;
-      }
-
-      .e-month-expander tr:first-child .e-input-wrapper,
-      .e-year-expander {
-        margin-bottom: 11px;
-      }
-
-      .e-recurrence-table {
-        &.e-month-expand-wrapper td:first-child {
-          width: 30px;
-        }
-      }
-
-      .e-days {
-        button {
-          height: 40px;
-          width: 40px;
-        }
-      }
-
-      &.e-rtl {
-
-        .e-form-left,
-        .e-input-wrapper-side.e-form-left {
-          padding: 0 0 10px 12px;
-        }
-
-        .e-form-right,
-        .e-input-wrapper-side.e-form-right {
-          padding: 0 12px 10px 0;
-        }
-
-        .e-recurrence-table .e-monthday-element,
-        .e-recurrence-table .e-day-position {
-          padding: 0 64px 0 0;
-        }
-
-        .e-input-wrapper-side.e-end-on .e-end-on-label,
-        .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-          padding-right: 0;
-        }
-
-        .e-end-on-label {
-          margin-bottom: 5px;
-        }
-
-        .e-input-wrapper-side.e-end-on .e-end-on-left {
-          padding: 0 0 0 12px;
-        }
-
-        .e-input-wrapper.e-end-on-date,
-        .e-input-wrapper.e-end-on-count {
-          padding: 0 12px 0 0;
-        }
-
-        .e-recurrence-table .e-week-position {
-          left: 0;
-        }
-      }
-    }
-  }
-
   .e-device {
     .e-recurrenceeditor {
       .e-recurrence-table {

package/styles/recurrence-editor/bootstrap-dark.css

@@ -25,33 +25,6 @@
   border: 0;
 }
 
-.e-bigger .e-popup.e-ddl-device-filter {
-  margin-top: 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-list-item, .e-bigger .e-popup.e-ddl .e-list-group-item, .e-bigger .e-popup.e-ddl .e-fixed-head {
-  font-size: 15px;
-  line-height: 40px;
-  padding-left: 0;
-  text-indent: 24px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger .e-popup.e-ddl .e-input-group input, .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
-  height: 38px;
-}
-
-.e-bigger .e-popup.e-ddl .e-dropdownbase {
-  min-height: 40px;
-}
-
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
 .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
 .e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
@@ -83,29 +56,6 @@
   border-bottom: 1px solid #484848;
 }
 
-.e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
-  font-size: 14px;
-  line-height: 34px;
-  padding-left: 0;
-  text-indent: 16px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
-  padding-left: 4px;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group {
-  padding: 4px 0;
-}
-
-.e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
-  height: 30px;
-}
-
-.e-bigger.e-small .e-popup.e-ddl .e-dropdownbase {
-  min-height: 34px;
-}
-
 .e-recurrenceeditor .e-editor {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -266,86 +216,6 @@
   margin-bottom: 11px;
 }
 
-.e-bigger .e-recurrenceeditor {
-  padding: 0;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
-  padding: 0 12px 11px 0;
-}
-.e-bigger .e-recurrenceeditor .e-form-left {
-  padding: 0 12px 14px 0;
-}
-.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
-  padding-left: 70px;
-}
-.e-bigger .e-recurrenceeditor .e-week-position {
-  min-width: 130px;
-  right: 0;
-}
-.e-bigger .e-recurrenceeditor .e-day-position {
-  min-width: 190px;
-  padding-left: 54px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  font-size: 12px;
-  margin-bottom: 9px;
-  font-weight: bold;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
-  padding-right: 8px;
-}
-.e-bigger .e-recurrenceeditor .e-end-on-label {
-  margin-bottom: 0;
-}
-.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
-  font-size: 12px;
-  margin-bottom: 8px;
-}
-.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  font-size: 12px;
-  margin-bottom: 1px;
-}
-.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
-.e-bigger .e-recurrenceeditor .e-year-expander {
-  margin-bottom: 11px;
-}
-.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
-  width: 30px;
-}
-.e-bigger .e-recurrenceeditor .e-days button {
-  height: 40px;
-  width: 40px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
-  padding: 0 0 10px 12px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
-  padding: 0 12px 10px 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
-.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
-  padding: 0 64px 0 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  padding-right: 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
-  margin-bottom: 5px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
-  padding: 0 0 0 12px;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
-.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
-  padding: 0 12px 0 0;
-}
-.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
-  left: 0;
-}
-
 .e-device .e-recurrenceeditor .e-recurrence-table.e-repeat-content-wrapper td:last-child {
   width: 25%;
 }
@@ -500,4 +370,90 @@
     padding: 0 10px 0 0;
   }
 }
-/*! Recurrence-Editor component theme */
+/*! Recurrence-Editor component theme */
+.e-bigger .e-recurrenceeditor {
+  padding: 0;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
+  padding: 0 12px 11px 0;
+}
+.e-bigger .e-recurrenceeditor .e-form-left {
+  padding: 0 12px 14px 0;
+}
+.e-bigger .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
+  padding-left: 70px;
+}
+.e-bigger .e-recurrenceeditor .e-week-position {
+  min-width: 130px;
+  right: 0;
+}
+.e-bigger .e-recurrenceeditor .e-day-position {
+  min-width: 190px;
+  padding-left: 54px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  font-size: 12px;
+  margin-bottom: 9px;
+  font-weight: bold;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding-right: 8px;
+}
+.e-bigger .e-recurrenceeditor .e-end-on-label {
+  margin-bottom: 0;
+}
+.e-bigger .e-recurrenceeditor .e-days .e-week-expander-label {
+  font-size: 12px;
+  margin-bottom: 8px;
+}
+.e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
+  font-size: 12px;
+  margin-bottom: 1px;
+}
+.e-bigger .e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper,
+.e-bigger .e-recurrenceeditor .e-year-expander {
+  margin-bottom: 11px;
+}
+.e-bigger .e-recurrenceeditor .e-recurrence-table.e-month-expand-wrapper td:first-child {
+  width: 30px;
+}
+.e-bigger .e-recurrenceeditor .e-days button {
+  height: 40px;
+  width: 40px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-left,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-left {
+  padding: 0 0 10px 12px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-form-right,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-form-right {
+  padding: 0 12px 10px 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element,
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-day-position {
+  padding: 0 64px 0 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-label,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-non-week > .e-month-expander-label {
+  padding-right: 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-end-on-label {
+  margin-bottom: 5px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper-side.e-end-on .e-end-on-left {
+  padding: 0 0 0 12px;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-date,
+.e-bigger .e-recurrenceeditor.e-rtl .e-input-wrapper.e-end-on-count {
+  padding: 0 12px 0 0;
+}
+.e-bigger .e-recurrenceeditor.e-rtl .e-recurrence-table .e-week-position {
+  left: 0;
+}
+.e-bigger .e-device .e-recurrence-table .e-monthday-element,
+.e-bigger .e-device .e-recurrence-table .e-day-position {
+  padding-left: 20px;
+}
+.e-bigger .e-device .e-recurrenceeditor.e-rtl .e-recurrence-table .e-monthday-element {
+  padding: 0 20px 0 0;
+}

package/styles/recurrence-editor/bootstrap-dark.scss

@@ -6,3 +6,4 @@
 @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
 @import 'bootstrap-dark-definition.scss';
 @import 'all.scss';
+@import 'bigger.scss';