Files
safekat/httpdocs/themes/vuexy/vendor/css/pages/app-calendar.css

126 lines
3.5 KiB
CSS
Executable File

.app-calendar-wrapper {
position: relative;
border-radius: 0.375rem;
}
.app-calendar-wrapper .app-calendar-sidebar {
position: absolute;
overflow: hidden;
flex-grow: 0;
flex-basis: 18.25rem;
left: calc(-18.25rem - 1.2rem);
height: 100%;
width: 18.25rem;
transition: all 0.2s;
z-index: 4;
}
.app-calendar-wrapper .app-calendar-sidebar.show {
left: 0;
}
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-month {
border: 0;
}
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar {
box-shadow: none;
}
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-month,
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-weekday,
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-weekdays {
background: transparent;
}
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-days {
border: 0;
}
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar:focus {
outline: 0;
}
.app-calendar-wrapper .app-calendar-content {
position: relative;
}
.app-calendar-wrapper .fc-toolbar h2 {
font-size: 1.125rem;
}
@media (max-width: 767.98px) {
.app-calendar-wrapper .fc-toolbar h2 {
font-size: 1rem;
}
}
.app-calendar-wrapper table.fc-scrollgrid {
border-left: 0;
border-right: 0;
}
.app-calendar-wrapper table.fc-scrollgrid td {
border-right: 0;
}
.app-calendar-wrapper .fc-dayGridMonth-view table.fc-scrollgrid td {
border-bottom: 0;
}
.app-calendar-wrapper .fc-header-toolbar {
margin-bottom: 1.55rem !important;
}
.app-calendar-wrapper .fc-view-container {
margin: 0 -1.6rem;
}
.app-calendar-wrapper .event-sidebar .ql-editor {
min-height: 5rem;
}
.app-calendar-wrapper .event-sidebar .select2 .select2-selection__choice {
display: flex;
}
.app-calendar-wrapper .event-sidebar .select2 .select2-selection__choice .avatar {
display: none;
}
@media (min-width: 992px) {
.app-calendar-wrapper .app-calendar-sidebar {
position: static;
height: auto;
background-color: transparent !important;
}
.app-calendar-wrapper .app-calendar-sidebar .flatpickr-days {
background-color: transparent;
}
}
[dir=rtl] .app-calendar-wrapper .fc .fc-toolbar .fc-sidebarToggle-button {
order: 1;
}
[dir=rtl] .app-calendar-wrapper .app-calendar-sidebar {
left: auto;
right: calc(-18.25rem - 1.2rem);
}
[dir=rtl] .app-calendar-wrapper .app-calendar-sidebar.show {
left: auto;
right: 0;
}
.light-style .app-calendar-wrapper .app-calendar-sidebar {
background-color: #fff;
border-right: 1px solid #dbdade;
}
.light-style .app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-month,
.light-style .app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-weekday,
.light-style .app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-weekdays {
color: #6f6b7d;
}
.light-style .app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-months svg {
fill: #6f6b7d;
}
.light-style[dir=rtl] .app-calendar-sidebar {
border-right: 0;
border-left: 1px solid #dbdade;
}
.dark-style .app-calendar-wrapper .app-calendar-sidebar {
background-color: #2f3349;
border-right: 1px solid #434968;
}
.dark-style .app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar {
background-color: #2f3349;
}
.dark-style .app-calendar-wrapper .app-calendar-sidebar .flatpickr-calendar .flatpickr-days {
background-color: #2f3349;
}
.dark-style[dir=rtl] .app-calendar-sidebar {
border-right: 0;
border-left: 1px solid #434968;
}