@syncfusion/ej2-react-schedule 19.3.46 → 19.4.38

package/styles/schedule/bootstrap5.css

@@ -1,5 +1,5 @@
 /*! recurrence editor theme wise definitions*/
-/*! Schedule component's bootstrap5 theme definitions and variables */
+/*! Schedule's bootstrap5 theme wise override definitions and variables */
 .e-schedule .e-schedule-toolbar .e-icon-prev::before {
   content: '\e765';
 }
@@ -232,10 +232,6 @@
   color: #fff;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-pop {
-  overflow: auto;
-}
-
 .e-schedule .e-schedule-toolbar .e-tbar-btn .e-tbar-btn-text {
   cursor: pointer;
   font-size: 14px;
@@ -257,7 +253,6 @@
 
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right.e-btn-icon.e-icon-down-arrow {
   font-size: 18px;
-  padding-top: 0;
 }
 
 .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover {
@@ -301,10 +296,6 @@
   text-transform: initial;
 }
 
-.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-btn-icon {
-  padding: 0 12px;
-}
-
 .e-schedule .e-schedule-toolbar.e-rtl .e-hor-nav {
   background: #f8f9fa;
   border-left: 0;
@@ -368,6 +359,10 @@
   font-size: 16px;
 }
 
+.e-schedule.e-device .e-schedule-toolbar .e-toolbar-pop {
+  overflow: auto;
+}
+
 .e-schedule.e-device .e-content-wrap.e-scroll-hidden {
   overflow: hidden;
 }
@@ -447,10 +442,10 @@
 
 .e-schedule .e-resource-tree-popup {
   background: #f8f9fa;
+  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
   height: 100%;
   position: absolute;
   width: 250px;
-  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
   color: #212529;
 }
 
@@ -1369,7 +1364,6 @@
   cursor: default;
   font-weight: 400;
   height: 34px;
-  padding: 3px;
   padding: 8px;
 }
 
@@ -1550,6 +1544,7 @@
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-content span.e-day {
   display: block;
+  margin: 0 auto;
 }
 
 .e-schedule .e-year-view .e-calendar-wrapper .e-month-calendar.e-calendar .e-other-month {
@@ -1568,9 +1563,8 @@
   background-color: #0d6efd;
   border-radius: 50%;
   height: 5px;
-  margin-left: 13px;
-  margin-top: -6px;
-  position: absolute;
+  margin: -6px auto 0;
+  position: relative;
   width: 5px;
 }
 
@@ -1621,10 +1615,6 @@
   border-left-width: 0;
 }
 
-.e-schedule .e-year-view .e-calendar-table td:not(.e-cell) {
-  border-left: 1px solid #dee2e6;
-}
-
 .e-schedule .e-year-view .e-resource .e-month-calendar {
   max-width: 100%;
   min-width: 100%;
@@ -1668,9 +1658,8 @@
   color: #212529;
   font-size: 13px;
   overflow: hidden;
-  padding: 4px 15px;
-  text-overflow: ellipsis;
   padding: 4px 12px;
+  text-overflow: ellipsis;
 }
 
 .e-schedule .e-timeline-year-view .e-resource-left-td {
@@ -1695,10 +1684,9 @@
   border-width: 0 1px 1px 0;
   color: #212529;
   height: 75px;
-  padding-left: 15px;
+  padding-left: 12px;
   padding-right: 0;
   vertical-align: middle;
-  padding-left: 12px;
 }
 
 .e-schedule .e-timeline-year-view .e-resource-column-wrap .e-resource-cells.e-child-node {
@@ -2013,10 +2001,9 @@
 .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td {
   height: 36px;
   overflow: hidden;
-  padding: 5px;
+  padding: 8px 0 8px 8px;
   text-overflow: ellipsis;
   white-space: nowrap;
-  padding: 8px 0 8px 8px;
 }
 
 .e-schedule .e-timeline-view .e-date-header-wrap table tbody td.e-time-slots,
@@ -2061,9 +2048,8 @@
   color: #212529;
   font-size: 13px;
   overflow: hidden;
-  padding: 4px 15px;
-  text-overflow: ellipsis;
   padding: 4px 12px;
+  text-overflow: ellipsis;
 }
 
 .e-schedule .e-timeline-view .e-resource-left-td,
@@ -2085,10 +2071,9 @@
   border-width: 0 1px 1px 0;
   color: #212529;
   height: 60px;
-  padding-left: 15px;
+  padding-left: 12px;
   padding-right: 0;
   vertical-align: middle;
-  padding-left: 12px;
 }
 
 .e-schedule .e-timeline-view .e-resource-cells:focus,
@@ -2116,7 +2101,7 @@
 .e-schedule .e-timeline-view.e-ignore-whitespace .e-resource-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-work-cells,
 .e-schedule .e-timeline-month-view.e-ignore-whitespace .e-resource-cells {
-  height: 42px;
+  height: 60px;
 }
 
 .e-schedule .e-timeline-view.e-virtual-mask .e-work-cells,
@@ -2479,7 +2464,6 @@
   border-left: 3px solid #0d6efd;
   border-right: 0;
   cursor: default;
-  padding: 0 8px;
   padding: 0 16px;
 }
 
@@ -2577,6 +2561,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-month-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-month-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2799,6 +2787,10 @@
   width: 75px;
 }
 
+.e-schedule.e-rtl .e-agenda-view .e-resource-column .e-resource-name {
+  white-space: normal;
+}
+
 .e-schedule.e-rtl .e-agenda-view .e-day-padding {
   padding-right: 8px;
 }
@@ -2910,6 +2902,7 @@
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-btn-icon,
 .e-bigger.e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-btn-icon {
   height: 25px;
+  padding-top: 3px;
 }
 
 .e-bigger .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
@@ -3031,6 +3024,10 @@
   font-weight: 500;
 }
 
+.e-bigger .e-dialog.e-quick-dialog.e-following-events-dialog {
+  width: 485px;
+}
+
 .e-dialog.e-quick-dialog.e-following-events-dialog {
   width: 420px;
 }
@@ -3052,6 +3049,14 @@
   display: none;
 }
 
+.e-dialog.e-quick-dialog .e-dlg-header-content {
+  border-bottom: none;
+}
+
+.e-dialog.e-quick-dialog .e-footer-content {
+  border-top: none;
+}
+
 .e-dialog.e-quick-dialog .e-quick-dialog-cancel {
   box-shadow: none;
 }
@@ -3089,15 +3094,23 @@
 
 .e-schedule-dialog .e-subject-container,
 .e-schedule-dialog .e-start-container,
-.e-schedule-dialog .e-start-time-zone-container,
 .e-schedule-dialog .e-description-label {
   padding-right: 8px;
 }
 
+.e-schedule-dialog .e-start-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog .e-location-container,
-.e-schedule-dialog .e-end-container,
+.e-schedule-dialog .e-end-container {
+  padding-left: 8px;
+}
+
 .e-schedule-dialog .e-end-time-zone-container {
   padding-left: 8px;
+  padding-right: 4px;
 }
 
 .e-schedule-dialog .e-all-day-container {
@@ -3122,7 +3135,7 @@
 }
 
 .e-schedule-dialog .e-time-zone-row.e-enable {
-  height: 56px;
+  height: 60px;
   margin-bottom: 12px;
 }
 
@@ -3150,11 +3163,9 @@
 .e-schedule-dialog .e-all-day-time-zone-row {
   display: -ms-flexbox;
   display: flex;
-  padding-bottom: 14px;
-  padding-top: 8px;
-  width: 100%;
   padding-bottom: 12px;
   padding-top: 4px;
+  width: 100%;
 }
 
 .e-schedule-dialog .e-subject-container,
@@ -3192,19 +3203,27 @@
 
 .e-schedule-dialog.e-rtl .e-subject-container,
 .e-schedule-dialog.e-rtl .e-start-container,
-.e-schedule-dialog.e-rtl .e-start-time-zone-container,
 .e-schedule-dialog.e-rtl .e-description-label {
   padding-left: 8px;
   padding-right: 0;
 }
 
+.e-schedule-dialog.e-rtl .e-start-time-zone-container {
+  padding-left: 8px;
+  padding-right: 4px;
+}
+
 .e-schedule-dialog.e-rtl .e-location-container,
-.e-schedule-dialog.e-rtl .e-end-container,
-.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+.e-schedule-dialog.e-rtl .e-end-container {
   padding-left: 0;
   padding-right: 8px;
 }
 
+.e-schedule-dialog.e-rtl .e-end-time-zone-container {
+  padding-left: 4px;
+  padding-right: 8px;
+}
+
 .e-schedule-dialog.e-rtl .e-event-delete {
   float: right;
 }
@@ -3280,7 +3299,7 @@
 .e-bigger .e-schedule-dialog .e-time-zone-row.e-enable {
   display: -ms-flexbox;
   display: flex;
-  height: 64px;
+  height: 66px;
 }
 
 .e-bigger .e-schedule-dialog .e-title-location-row,
@@ -3525,7 +3544,7 @@
 /*! schedule quick popup */
 .e-quick-popup-wrapper {
   background-color: #fff;
-  border-radius: 2px;
+  border-radius: 6px;
   box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175), 0 16px 48px rgba(0, 0, 0, 0.175), 0 16px 48px rgba(0, 0, 0, 0.175);
   color: #212529;
   max-width: 365px;
@@ -3536,7 +3555,6 @@
           user-select: none;
   width: 100%;
   border: 1px solid #dee2e6;
-  border-radius: 6px;
 }
 
 .e-quick-popup-wrapper .e-hidden {
@@ -3561,8 +3579,6 @@
 .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete:hover,
 .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:focus,
 .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close:hover {
-  background: #e9ecef;
-  color: #6c757d;
   background: #fff;
   color: #0d6efd;
 }
@@ -3570,7 +3586,6 @@
 .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-edit .e-close-icon,
 .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-delete .e-close-icon,
 .e-quick-popup-wrapper .e-cell-popup .e-popup-header .e-header-icon-wrapper .e-close .e-close-icon {
-  font-size: 11px;
   font-size: 14px;
 }
 
@@ -3627,7 +3642,6 @@
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-edit-icon,
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon,
 .e-quick-popup-wrapper .e-event-popup .e-popup-header .e-header-icon-wrapper .e-close-icon {
-  font-size: 11px;
   font-size: 14px;
 }
 
@@ -3785,6 +3799,10 @@
   margin-right: 10px;
 }
 
+.e-quick-popup-wrapper.e-rtl .e-event-details {
+  margin-left: 8px;
+}
+
 .e-quick-popup-wrapper.e-rtl .e-popup-footer {
   padding: 8px 8px 8px 18px;
 }
@@ -3797,10 +3815,6 @@
   padding: 0 13px;
 }
 
-.e-quick-popup-wrapper.e-rtl .e-event-details {
-  margin-left: 8px;
-}
-
 .e-quick-popup-wrapper.e-rtl .e-event-edit {
   margin-left: 8px;
 }
@@ -3918,10 +3932,6 @@
   padding: 48px 24px 16px;
 }
 
-.e-bigger .e-quick-popup-wrapper .e-popup-footer {
-  padding: 0 24px 12px 0;
-}
-
 .e-bigger .e-quick-popup-wrapper .e-cell-popup .e-date-time-icon,
 .e-bigger .e-quick-popup-wrapper .e-event-popup .e-date-time-icon {
   padding-right: 16px;
@@ -4079,32 +4089,36 @@
   width: 26px;
 }
 
+.e-bigger .e-more-popup-wrapper,
 .e-more-popup-wrapper {
   background-color: #fff;
   border: 1px solid #dee2e6;
-  border-radius: 2px;
+  border-radius: 6px;
+  box-shadow: none;
   opacity: 1;
   padding: 8px 0;
   width: 225px;
-  border-radius: 6px;
-  box-shadow: none;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-appointment-wrapper,
 .e-more-popup-wrapper .e-more-appointment-wrapper {
   margin: 0 4px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-popup,
 .e-more-popup-wrapper .e-more-event-popup {
   height: 100%;
   position: relative;
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-header,
 .e-more-popup-wrapper .e-more-event-header {
   height: 35px;
   margin: 0 8px 4px 14px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content,
 .e-more-popup-wrapper .e-more-event-content {
   height: calc(100% - 35px);
   max-height: 300px;
@@ -4114,20 +4128,24 @@
   padding: 10px 10px 0;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-content .e-appointment-border,
 .e-more-popup-wrapper .e-more-event-content .e-appointment-border {
   border: 0;
   box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header,
 .e-more-popup-wrapper .e-more-event-date-header {
   height: 100%;
   width: calc(100% - 25px);
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-date-header .e-current-date,
 .e-more-popup-wrapper .e-more-event-date-header .e-current-date {
   color: #0d6efd;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-day,
 .e-more-popup-wrapper .e-header-day {
   color: #212529;
   font-size: 14px;
@@ -4135,6 +4153,7 @@
   padding-bottom: 2px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date,
 .e-more-popup-wrapper .e-header-date {
   color: #212529;
   font-size: 16px;
@@ -4142,15 +4161,18 @@
   max-width: 15%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:hover,
 .e-more-popup-wrapper .e-header-date:hover {
   cursor: pointer;
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-header-date:focus,
 .e-more-popup-wrapper .e-header-date:focus {
   text-decoration: underline;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close,
 .e-more-popup-wrapper .e-more-event-close {
   background-color: transparent;
   border: 0;
@@ -4163,23 +4185,26 @@
   width: 25px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-close-icon,
 .e-more-popup-wrapper .e-more-event-close .e-close-icon {
   font-size: 9px;
   font-size: 14px;
 }
 
+.e-bigger .e-more-popup-wrapper .e-more-event-close .e-btn-icon,
 .e-more-popup-wrapper .e-more-event-close .e-btn-icon {
   margin-top: 8px;
 }
 
-.e-more-popup-wrapper .e-more-event-close:focus, .e-more-popup-wrapper .e-more-event-close:hover {
-  background-color: #e9ecef;
+.e-bigger .e-more-popup-wrapper .e-more-event-close:focus, .e-bigger .e-more-popup-wrapper .e-more-event-close:hover,
+.e-more-popup-wrapper .e-more-event-close:focus,
+.e-more-popup-wrapper .e-more-event-close:hover {
+  background-color: #fff;
   border-radius: 50%;
-  color: #6c757d;
-  background: #fff;
   color: #0d6efd;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment,
 .e-more-popup-wrapper .e-appointment {
   background: #0d6efd;
   border-radius: 2px;
@@ -4193,6 +4218,7 @@
   width: 100%;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-subject,
 .e-more-popup-wrapper .e-appointment .e-subject {
   color: #fff;
   -ms-flex: auto;
@@ -4205,17 +4231,22 @@
   white-space: nowrap;
 }
 
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
+.e-bigger .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-icon,
 .e-more-popup-wrapper .e-appointment .e-recurrence-edit-icon {
   line-height: 26px;
   padding: 0 2px;
 }
 
-.e-more-popup-wrapper .e-appointment.e-appointment-border, .e-more-popup-wrapper .e-appointment:focus {
+.e-bigger .e-more-popup-wrapper .e-appointment.e-appointment-border, .e-bigger .e-more-popup-wrapper .e-appointment:focus,
+.e-more-popup-wrapper .e-appointment.e-appointment-border,
+.e-more-popup-wrapper .e-appointment:focus {
   border: 0;
   box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15), 0 8px 12px rgba(0, 0, 0, 0.15);
 }
 
+.e-bigger .e-more-popup-wrapper.e-device,
 .e-more-popup-wrapper.e-device {
   bottom: 0;
   height: 100%;
@@ -4229,18 +4260,22 @@
   z-index: 1002;
 }
 
+.e-bigger .e-more-popup-wrapper.e-device .e-more-event-content,
 .e-more-popup-wrapper.e-device .e-more-event-content {
   max-height: unset;
 }
 
+.e-bigger .e-more-popup-wrapper.e-rtl .e-header-date,
 .e-more-popup-wrapper.e-rtl .e-header-date {
   padding-right: 10px;
 }
 
+.e-bigger .e-more-popup-wrapper.e-rtl .e-header-day,
 .e-more-popup-wrapper.e-rtl .e-header-day {
   padding-right: 10px;
 }
 
+.e-bigger .e-more-popup-wrapper.e-rtl .e-more-event-close,
 .e-more-popup-wrapper.e-rtl .e-more-event-close {
   left: 6px;
   right: auto;