Better styling for all calendar popup headers

More space for month, make it as similar as possible between inline & popup
This commit is contained in:
nathan 2022-09-15 11:18:44 -06:00
parent 49829fbbcc
commit 2f97c28a5f

View File

@ -4049,32 +4049,33 @@ div.flatpickr-calendar.inline .dayContainer {
max-width: var(--width);
}
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-month {
div.flatpickr-calendar .flatpickr-months .flatpickr-month {
flex: 1 1 auto;
padding-top: 4px;
padding-bottom: 0px;
height: initial;
height: 30px;
}
div.flatpickr-calendar.inline .flatpickr-months {
div.flatpickr-calendar .flatpickr-months {
background-color: #eceef1;
gap: 4px;
}
div.flatpickr-calendar.inline .flatpickr-current-month {
left: 0;
width: 100%;
div.flatpickr-calendar .flatpickr-current-month {
left: 0ex;
right: 0ex;
width: initial;
padding-top: 0px;
}
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month,
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month {
div.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
div.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
position: relative;
padding: 3px 3px 0px 5px;
padding: 3px 6px 0px 6px;
height: 26px;
}
div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months {
div.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
width: 75%;
padding-left: 0;
}