raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-01-24 20:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

Customize color for flatpickr

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2022-11-28 11:49:13 +01:00
parent 44f52c21db
commit 4e70a86fa9
2 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/webpacker/css/admin/v2/main.scss
View File

@@ -5,6 +5,7 @@ body.admin.admin-v2 {
@import "navigation.scss";
@import "plugins/select2.scss";
@import "plugins/powertip.scss";
@import "plugins/flatpickr-customization.scss";
@import "shared/forms.scss";
@import "components/buttons.scss";
@import "components/tables.scss";

46
app/webpacker/css/admin/v2/plugins/flatpickr-customization.scss Normal file
View File

@@ -0,0 +1,46 @@
/* Override flatpickr styles: app/webpacker/css/admin/plugins/flatpickr-customization.scss */
.flatpickr-calendar {
&.arrowTop::after {
border-bottom-color: $v2-blue-light;
}
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months {
background: $v2-blue-light;
color: white;
input {
color: white;
}
}
.flatpickr-weekdays {
background: $v2-blue-light;
.flatpickr-weekday {
background: $v2-blue-light;
color: white;
}
}
.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: $v2-blue-light;
border-color: $v2-blue-light;
}
}