Files
openfoodnetwork/app/assets/stylesheets/admin/plugins/flatpickr-customization.scss
Jean-Baptiste Bellet 1dbafcaf7d remove animation
To make tests ok.
I could use Capybara.disable_animation = true, but there was no animation to old datetimepicker, so it's more consistant like this.
2021-02-08 22:09:06 +01:00

50 lines
1.3 KiB
SCSS

.flatpickr-calendar {
/* Disable animation */
&.animate.open {
animation: none;
}
border-radius: 0;
&.arrowBottom:after {
border-top-color: #eceef1;
}
&.arrowTop:after {
border-bottom-color: #5498DA;
}
.flatpickr-months .flatpickr-month {
border-radius: 0;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months {
background: #5498DA;
}
.flatpickr-weekdays {
background: #5498DA;
span.flatpickr-weekday {
background: #5498DA;
}
}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #5498DA;
border-color: #5498DA;
}
}