Michelle/redlight
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 11 Wiki Activity

feat(DateTimePicker): update styles for month navigation and current month display
All checks were successful
Build & Push Docker Image / build (push) Successful in 6m30s
Details

Browse Source
This commit is contained in:
Michelle
2026-03-04 12:54:18 +01:00
parent e3a5f21c8b
commit 1d647d0a36
1 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/index.css
View File

@@ -765,20 +765,31 @@
.flatpickr-months { .flatpickr-months {
background: var(--bg-secondary) !important; background: var(--bg-secondary) !important;
border-bottom: 1px solid var(--border) !important; border-bottom: 1px solid var(--border) !important;
padding: 0.25rem 0 !important; padding: 0 !important;
align-items: center !important;
height: 2.75rem !important;
} }
.flatpickr-months .flatpickr-month { .flatpickr-months .flatpickr-month {
background: transparent !important; background: transparent !important;
color: var(--text-primary) !important; color: var(--text-primary) !important;
height: 2.25rem !important; height: 2.75rem !important;
display: flex !important;
align-items: center !important;
} }
.flatpickr-current-month { .flatpickr-current-month {
font-size: 0.875rem !important; font-size: 0.875rem !important;
font-weight: 600 !important; font-weight: 600 !important;
color: var(--text-primary) !important; color: var(--text-primary) !important;
padding-top: 0.375rem !important; padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
width: 100% !important;
position: relative !important;
left: 0 !important;
} }
.flatpickr-current-month .flatpickr-monthDropdown-months { .flatpickr-current-month .flatpickr-monthDropdown-months {
@@ -806,8 +817,12 @@
.flatpickr-months .flatpickr-next-month { .flatpickr-months .flatpickr-next-month {
color: var(--text-secondary) !important; color: var(--text-secondary) !important;
fill: var(--text-secondary) !important; fill: var(--text-secondary) !important;
padding: 0.375rem 0.625rem !important; padding: 0.5rem 0.75rem !important;
transition: color 0.15s !important; transition: color 0.15s !important;
display: flex !important;
align-items: center !important;
height: 100% !important;
top: 0 !important;
} }
.flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-prev-month:hover,
@@ -845,8 +860,6 @@ span.flatpickr-weekday {
.dayContainer { .dayContainer {
padding: 0.25rem !important; padding: 0.25rem !important;
min-width: 15.5rem !important;
max-width: 15.5rem !important;
} }
.flatpickr-day { .flatpickr-day {
@@ -854,9 +867,6 @@ span.flatpickr-weekday {
border: none !important; border: none !important;
border-radius: 0.375rem !important; border-radius: 0.375rem !important;
font-size: 0.8125rem !important; font-size: 0.8125rem !important;
line-height: 2.25rem !important;
height: 2.25rem !important;
max-width: 2.25rem !important;
transition: background 0.12s, color 0.12s !important; transition: background 0.12s, color 0.12s !important;
} }