admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added schedule load to daily veiw with additional CSS fixes. BOD-319

Browse Source
This commit is contained in:
Patrick Fic
2020-08-27 14:30:07 -07:00
parent 3150fdaade
commit 661241091a
8 changed files with 291 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.js
View File

@@ -100,14 +100,17 @@ export function ScheduleCalendarHeaderComponent({
</div>
</Popover>
) : null;
console.log("loadData", loadData);
return (
<ScheduleBlockDay date={date} refetch={refetch}>
<div>
{label}
{calculating ? <LoadingSkeleton /> : LoadComponent}
</div>
</ScheduleBlockDay>
<div className="imex-calendar-load">
<ScheduleBlockDay date={date} refetch={refetch}>
<div>
{label}
{calculating ? <LoadingSkeleton /> : LoadComponent}
</div>
</ScheduleBlockDay>
</div>
);
}
export default connect(

14
client/src/components/schedule-calendar-wrapper/schedule-calendar.styles.scss
View File

@@ -1,8 +1,10 @@
@import "react-big-calendar/lib/sass/styles";
.rbc-time-view .rbc-row {
box-sizing: unset !important;
min-height: unset !important;
.rbc-time-header-cell-single-day {
display: unset;
}
.rbc-time-view .rbc-allday-cell {
height: unset;
}
.imex-event-arrived {
@@ -20,3 +22,9 @@
.rbc-event.rbc-selected {
background-color: slategrey;
}
.imex-calendar-load {
max-width: 12rem;
position: relative;
left: 50%;
transform: translateX(-50%);
}