Files
radicall/resources/css/Shared/shift-calendar.css
T

102 lines
1.8 KiB
CSS

.shift-calendar {
--fc-border-color: #DEE3EB;
--fc-page-bg-color: #FFFFFF;
--fc-today-bg-color: #F6F7F9;
--fc-now-indicator-color: #800E13;
direction: rtl;
}
.shift-calendar .fc {
font-family: inherit;
}
.shift-calendar .fc-timegrid-slot {
height: 2.25rem;
}
.shift-calendar .fc-col-header-cell {
background: #F6F7F9;
padding: 8px 0;
}
.shift-calendar .fc-col-header-cell-cushion {
font-size: 11px;
font-weight: 600;
color: #576989;
padding: 2px 4px;
}
.shift-calendar .shift-calendar-day-date {
display: block;
font-size: 10px;
font-weight: 400;
color: #7188AD;
margin-top: 2px;
}
.shift-calendar .fc-timegrid-slot-label-cushion {
font-size: 10px;
font-weight: 400;
color: #7188AD;
}
.shift-calendar .fc-timegrid-axis {
background: #F6F7F9;
}
.shift-calendar .fc-scrollgrid {
border-radius: 12px;
overflow: hidden;
}
.shift-calendar .fc-event {
border-radius: 8px;
padding: 2px 6px;
font-size: 10px;
font-weight: 600;
cursor: pointer;
box-shadow: none;
}
.shift-calendar .fc-event .fc-event-main {
color: inherit;
}
.shift-calendar .fc-event-time {
font-size: 9px;
font-weight: 400;
direction: ltr;
}
.shift-calendar .shift-event--mine {
background: #576989;
border: 1px solid #576989;
color: #FFFFFF;
}
.shift-calendar .shift-event--mine-inactive {
background: #C8D2E2;
border: 1px solid #C8D2E2;
color: #2F343D;
}
.shift-calendar .shift-event--open {
background: #F6F7F9;
border: 1px dashed #7188AD;
color: #576989;
}
.shift-calendar .shift-event--open:hover {
background: #EDF1F7;
}
.shift-calendar .shift-event--assigned {
border-width: 1px;
border-style: solid;
color: #FFFFFF;
}
.shift-calendar .shift-event--inactive {
opacity: 0.55;
}