diff --git a/client/src/components/job-at-change/schedule-event.component.jsx b/client/src/components/job-at-change/schedule-event.component.jsx index 78d4c3040..91fbcbf98 100644 --- a/client/src/components/job-at-change/schedule-event.component.jsx +++ b/client/src/components/job-at-change/schedule-event.component.jsx @@ -247,40 +247,39 @@ export function ScheduleEventComponent({ ); const RegularEvent = event.isintake ? ( -
- - {event.note && } - {`${event.job.ro_number || t("general.labels.na")}`} - - - - - - - {`${(event.job && event.job.v_model_yr) || ""} ${ - (event.job && event.job.v_make_desc) || "" - } ${(event.job && event.job.v_model_desc) || ""}`} - - - {`(${ - (event.job && event.job.labhrs.aggregate.sum.mod_lb_hrs) || "0" - } / ${ - (event.job && event.job.larhrs.aggregate.sum.mod_lb_hrs) || "0" - })`} - - + {event.note && } + {`${event.job.ro_number || t("general.labels.na")}`} + + + + {`${(event.job && event.job.v_model_yr) || ""} ${ + (event.job && event.job.v_make_desc) || "" + } ${(event.job && event.job.v_model_desc) || ""}`} + + {`(${(event.job && event.job.labhrs.aggregate.sum.mod_lb_hrs) || "0"} / ${ + (event.job && event.job.larhrs.aggregate.sum.mod_lb_hrs) || "0" + })`} + {event.job && event.job.alt_transport && (
{event.job.alt_transport}
)} -
+ ) : ( -
+
{`${event.title || ""}`}
); @@ -291,7 +290,13 @@ export function ScheduleEventComponent({ onVisibleChange={(vis) => !event.vacation && setVisible(vis)} trigger="click" content={event.block ? blockContent : popoverContent} - style={{ height: "100%", width: "100%" }} + style={{ + height: "100%", + width: "100%", + + backgroundColor: + event.color && event.color.hex ? event.color.hex : event.color, + }} > {RegularEvent} diff --git a/client/src/components/schedule-calendar-wrapper/schedule-calendar.styles.scss b/client/src/components/schedule-calendar-wrapper/schedule-calendar.styles.scss index 432e46099..a46e37b41 100644 --- a/client/src/components/schedule-calendar-wrapper/schedule-calendar.styles.scss +++ b/client/src/components/schedule-calendar-wrapper/schedule-calendar.styles.scss @@ -4,6 +4,10 @@ .rbc-time-view .rbc-allday-cell { height: unset; } + +.rbc-month-row{ + overflow: unset !important; +} // .rbc-row-content { // display: none; // } diff --git a/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx b/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx index 616c58ecb..95f825c6e 100644 --- a/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx +++ b/client/src/components/schedule-calendar-wrapper/scheduler-calendar-wrapper.component.jsx @@ -34,7 +34,7 @@ export function ScheduleCalendarWrapperComponent({ const { t } = useTranslation(); const handleEventPropStyles = (event, start, end, isSelected) => { return { - ...(event.color + ...(event.color && !((search.view || defaultView) === "agenda") ? { style: { backgroundColor: