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); max-width: var(--width);
} }
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-month { div.flatpickr-calendar .flatpickr-months .flatpickr-month {
flex: 1 1 auto; flex: 1 1 auto;
padding-top: 4px; padding-top: 4px;
padding-bottom: 0px; padding-bottom: 0px;
height: initial; height: 30px;
} }
div.flatpickr-calendar.inline .flatpickr-months { div.flatpickr-calendar .flatpickr-months {
background-color: #eceef1; background-color: #eceef1;
gap: 4px; gap: 4px;
} }
div.flatpickr-calendar.inline .flatpickr-current-month { div.flatpickr-calendar .flatpickr-current-month {
left: 0; left: 0ex;
width: 100%; right: 0ex;
width: initial;
padding-top: 0px; padding-top: 0px;
} }
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-prev-month, div.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
div.flatpickr-calendar.inline .flatpickr-months .flatpickr-next-month { div.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
position: relative; position: relative;
padding: 3px 3px 0px 5px; padding: 3px 6px 0px 6px;
height: 26px; height: 26px;
} }
div.flatpickr-calendar.inline .flatpickr-current-month .flatpickr-monthDropdown-months { div.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months {
width: 75%; width: 75%;
padding-left: 0; padding-left: 0;
} }