Files
backend_parkir/public/scss/components/uc/_uc-calendar.scss
2026-01-31 14:23:04 +07:00

159 lines
3.0 KiB
SCSS

.fc-h-event,.fc-v-event{
background:var(--primary);
border-radius: .42rem;
}
.fc-h-event .fc-event-title{
color:$white;
}
.fc-theme-standard td, .fc-theme-standard th{
border-color: var(--border);
}
.fc-unthemed .fc-h-event, .fc-unthemed .fc-event-dot {
padding: 0;
border-radius: .42rem;
}
.fc-theme-standard th{
padding: .75rem .5rem;
font-size: 1rem;
font-weight: 500;
color: #b5b5c3;
@include respond ('phone'){
font-size:14px;
font-weight:400;
padding:3px 0px;
}
}
.fc-theme-standard .fc-scrollgrid.fc-scrollgrid-liquid,.fc-scrollgrid ,table{
border-color: var(--border);
}
.fc-daygrid-dot-event{
background: #fff;
border: 1px solid var(--border);
-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
@at-root [data-theme-version="dark"] & {
background: $d-bg;
}
.fc-daygrid-event-dot{
border-color:var(--primary);
}
}
.fc-daygrid-dot-event .fc-event-title{
font-weight:500;
}
.fc-event.bg-primary
,.fc-event.bg-success
,.fc-event.bg-warning
,.fc-event.bg-secondary
,.fc-event.bg-dark
,.fc-event.bg-info{
color:$white!important;
border-radius: 8px;
.fc-daygrid-event-dot{
border-color:$white;
}
}
.fc .fc-scroller-liquid-absolute,.fc-scroller{
position:relative;
overflow: visible!important;
}
.fc .fc-button-group{
&>.fc-button{
color: #b5b5c3;
background: 0 0;
border: 1px solid #ebedf3;
text-shadow: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
&:focus,&:active,&:hover,&.fc-button-active{
background:var(--primary);
color:$white;
border-color:var(--primary);
}
}
}
.fc-button.fc-button-primary.fc-today-button{
background:var(--primary);
color:$white;
border: 0;
opacity: 1;
}
.fc-unthemed .fc-toolbar .fc-button.fc-button-active, .fc-unthemed .fc-toolbar .fc-button:active, .fc-unthemed .fc-toolbar .fc-button:focus{
background: var(--primary);
color: #fff;
border: 1px solid var(--primary);
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.fc .fc-toolbar-title {
font-size: 20px;
margin: 0;
}
.external-event{
padding: 8px 10px;
display:flex;
align-items:center;
border-radius: 5px;
&:hover{
&:before{
background:$white!important;
}
}
}
.fc-event{
overflow:hidden;
}
.fc .fc-view-harness{
height: 800px!important;
overflow-y: auto;
}
.fc .fc-toolbar.fc-header-toolbar{
@include respond ('phone'){
display:block;
.fc-toolbar-chunk{
display:flex;
justify-content: center;
&:first-child{
justify-content:space-between;
}
}
.fc-toolbar-title{
margin-bottom: 8px;
}
}
}
#external-events{
.external-event{
text-align: #{$dlab-pos-left};
font-size: 16px;
}
}
.fc.app-fullcalendar{
@include respond ('phone'){
.fc-timegrid-slot-label{
width:40px!important;
font-size: 10px;
}
.fc-event, .external-event{
font-size: 10px;
margin:0;
padding: 2px 0;
text-align: center;
line-height: 1.3;
}
.fc-col-header-cell-cushion {
display: inline-block;
padding: 2px 4px;
font-size: 10px;
}
}
}