raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-03-01 02:03:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Date / date range (flatpickr) colors customization

Browse Source
This commit is contained in:
Jean-Baptiste Bellet
2023-09-07 16:50:30 +02:00
parent 7e1c2dac45
commit 351fe1b430
2 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/webpacker/css/admin_v3/components/date-picker.scss
View File

@@ -7,7 +7,7 @@ input.datetimepicker {
.container input[readonly].flatpickr-input,
.container input[readonly].datepicker,
.container input[readonly].datetimepicker {
background-color: $white;
background-color: $lighter-grey;
cursor: pointer;
}

23
app/webpacker/css/admin_v3/plugins/flatpickr-customization.scss
View File

@@ -1,4 +1,4 @@
$background-grey: #eceef1;
$background-grey: $lighter-grey;
$background-blue: $color-3;
// scss-lint:disable SelectorFormat
@@ -33,6 +33,7 @@ $background-blue: $color-3;
.flatpickr-weekday {
background: $background-blue;
color: white;
}
}
@@ -66,3 +67,23 @@ $background-blue: $color-3;
justify-content: space-between;
flex-grow: 1;
}
// material-ui colors customization ("~flatpickr/dist/themes/material_blue")
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
box-shadow: -10px 0 0 #e2e2e2;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months #admin-menu ul li.selected a.flatpickr-prev-month svg,
#admin-menu ul li.selected .flatpickr-months a.flatpickr-prev-month svg,
.flatpickr-months #sub-menu ul li.selected a.flatpickr-prev-month svg,
#sub-menu ul li.selected .flatpickr-months a.flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months #admin-menu ul li.selected a.flatpickr-next-month svg,
#admin-menu ul li.selected .flatpickr-months a.flatpickr-next-month svg,
.flatpickr-months #sub-menu ul li.selected a.flatpickr-next-month svg,
#sub-menu ul li.selected .flatpickr-months a.flatpickr-next-month svg {
fill: white;
}