@agendize/vue-calendar
Version:
Agendize Vue Calendar Component
2 lines (1 loc) • 6.69 kB
CSS
#az-calendar-content{min-height:0;flex:1;background-color:var(--az-background-primary);border-radius:8px;border:1px solid var(--az-border-primary);overflow:hidden}@media screen and (max-width: 640px){#az-calendar-content{border-radius:0}}.fc{--fc-border-color: var(--az-border-primary);--fc-today-bg-color: var(--az-background-secondary);--fc-now-indicator-color: var(--az-border-alert);--fc-highlight-color: var(--az-background-brand-secondary);--fc-neutral-bg-color: var(--az-background-primary);--fc-list-event-hover-bg-color: var(--az-hover-primary)}.fc .fc-view{top:-1px;right:-1px;bottom:-1px;left:-1px}@media screen and (max-width: 640px){.fc .fc-scrollgrid{border:none;border-radius:0}}.fc .fc-col-header thead tr th{border-bottom:1px solid var(--az-border-primary)}.fc .fc-scrollgrid-section.fc-scrollgrid-section-header .fc-scroller,.fc .fc-scrollgrid-section.fc-scrollgrid-section-body:not(.fc-scrollgrid-section-liquid) .fc-scroller{overflow:hidden auto}.fc .fc-col-header-cell-cushion{display:flex;padding:0}.fc .fc-col-header-cell-cushion>span{width:100%}.fc .fc-col-header-cell-cushion .az-calendar-day-header{text-decoration:none}.fc .fc-col-header-cell-cushion .az-calendar-day-header.today{border-bottom:2px solid var(--az-border-active);background-color:var(--az-background-secondary)}.fc .fc-col-header-cell-cushion .az-calendar-day-header.today .az-calendar-day-header-label,.fc .fc-col-header-cell-cushion .az-calendar-day-header.today .az-calendar-day-header-number{color:var(--az-content-active);font-weight:500}.fc .fc-col-header-cell-cushion:hover{text-decoration:none}.fc .fc .fc-list-sticky .fc-list-day>*{z-index:2}.fc .fc-non-business{background-image:linear-gradient(45deg,transparent 46.15%,var(--az-background-neutral) 46.15%,var(--az-background-neutral) 50%,transparent 50%,transparent 96.15%,var(--az-background-neutral) 96.15%,var(--az-background-neutral) 100%);background-size:18.38px 18.38px;margin-bottom:1px}.fc .fc-event{border:0;cursor:pointer;border-radius:4px}.fc .fc-event .fc-event-main{color:unset;padding:0}.fc .fc-timegrid-event{border-radius:0 2px 2px 0}.fc .fc-daygrid-day-bottom .fc-daygrid-more-link{margin-left:8px}.fc .fc-timegrid-event-short .az-event{display:flex;flex-direction:row;align-items:center}.fc .fc-timegrid-event-short .az-event .az-event-top{align-items:start;justify-items:center}.fc .fc-timegrid-event-short .az-event .az-event-top .az-event-title{flex-direction:row;gap:4px}.fc .fc-timegrid-event-short .az-event .az-event-top .az-event-time,.fc .fc-timegrid-event-short .az-event .az-event-contact,.fc .fc-timegrid-event-short .az-event .az-event-buffer-after,.fc .fc-timegrid-event-short .az-event .az-event-buffer-before{display:none}.fc .fc-daygrid-day-top{flex-direction:row}.fc .fc-event-mirror .az-event-time,.fc .fc-dayGridMonth-view.fc-view.fc-daygrid .fc-non-business{display:none}.fc .fc-list-event .az-event .az-event-main .az-event-main-info-container,.fc .fc-daygrid-body .az-event .az-event-main .az-event-main-info-container{container-type:unset;width:auto}.fc .fc-list-event .az-event .az-event-main .az-event-main-info-container .az-event-main-info,.fc .fc-daygrid-body .az-event .az-event-main .az-event-main-info-container .az-event-main-info{font-size:14px;line-height:18px}.fc .fc-list-day>th{z-index:1}.az-month-event{border-radius:5px;padding-left:var(--spacing-1)}.az-month-event .az-event-main{padding:0 var(--spacing-2)}.az-calendar-slot-lane .az-calendar-day-cell-hover-content{display:none;width:100%;height:100%}.az-calendar-slot-lane:hover .az-calendar-day-cell-hover-content{display:block;background-color:var(--az-background-brand-secondary)}.az-event{display:flex;flex-direction:column;height:100%;border-radius:4px}.az-event .az-event-main{flex:1;width:100%;padding:var(--spacing-1);overflow:hidden;display:flex;height:100%}.az-event .az-event-main .az-event-main-info-container{container-type:size;width:100%;overflow:hidden;display:flex}.az-event .az-event-main .az-event-main-info-container .az-event-title-separator{display:none}.az-event .az-event-main .az-event-main-info-container .az-event-main-info{flex-direction:column;line-height:normal;display:flex;font-size:12px}.az-event .az-event-main .az-event-main-info-container .az-event-time,.az-event .az-event-main .az-event-main-info-container .az-event-subtitle{display:flex}@container (height < 18px){.az-event .az-event-main .az-event-main-info-container .az-event-main-info{white-space:nowrap;flex-direction:row;font-size:11px}.az-event .az-event-main .az-event-main-info-container .az-event-main-info .az-event-title-separator{display:block}}.az-event .az-event-main .az-event-icons{margin-right:4px}.az-event .az-event-main .az-event-icons i{font-size:12px}.az-event .az-event-main .az-event-title{font-weight:500}.az-event .az-event-buffer-after,.az-event .az-event-buffer-before{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:0 var(--spacing-1)}.az-event .az-event-buffer-after .az-event-buffer-duration,.az-event .az-event-buffer-before .az-event-buffer-duration{font-size:10px}.az-event.az-event-ghost{background-color:var(--az-background-brand-primary)}.az-event.az-event-ghost .az-event-title-separator{display:none}.az-event.az-event-ghost .az-event-main{background-color:var(--az-background-brand-secondary)}.az-event.az-event-past .az-event-main,.az-event.az-event-completed .az-event-main{opacity:.9}.az-event.az-event-noshow .az-event-title,.az-event.az-event-noshow .az-event-subtitle,.az-event.az-event-noshow .az-event-time,.az-event.az-event-cancelled .az-event-title,.az-event.az-event-cancelled .az-event-subtitle,.az-event.az-event-cancelled .az-event-time,.az-month-event.az-event-noshow .az-event-title,.az-month-event.az-event-noshow .az-event-subtitle,.az-month-event.az-event-noshow .az-event-time,.az-month-event.az-event-cancelled .az-event-title,.az-month-event.az-event-cancelled .az-event-subtitle,.az-month-event.az-event-cancelled .az-event-time{text-decoration:line-through}.az-event.az-event-pending,.az-event.az-event-cancelled,.az-month-event.az-event-pending,.az-month-event.az-event-cancelled{border:1px solid transparent}.az-event.az-event-pending .az-event-main,.az-event.az-event-cancelled .az-event-main,.az-month-event.az-event-pending .az-event-main,.az-month-event.az-event-cancelled .az-event-main{background-color:var(--az-background-primary);color:var(--az-content-primary);border-radius:4px}.az-event-list .az-event-list-form,.az-event-list .az-event-list-notes{min-width:150px}.az-event-tooltip{position:unset}