mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-03 02:21:33 +00:00
8cfab08f9e
The Admin V3 styles are now the primary styles for the application. This change promotes the `admin_v3` directory to `admin` and archives the old styles. Changes: - Renamed `app/webpacker/css/admin_v3` to `app/webpacker/css/admin`. - Renamed the previous `app/webpacker/css/admin` to `app/webpacker/css/admin_legacy`. - Moved all files referenced by V3 styles from the legacy directory to the new `admin` directory. - Updated imports in `all.scss` to distinct local files instead of relative paths. - Cleaned up `admin_legacy` by removing files that are duplicates (by name or content) of the new admin styles. - Updated `admin-style-v3` pack to point to the new location.
90 lines
2.6 KiB
SCSS
90 lines
2.6 KiB
SCSS
$background-grey: $lighter-grey;
|
|
$background-blue: $color-3;
|
|
|
|
// scss-lint:disable SelectorFormat
|
|
|
|
.flatpickr-calendar {
|
|
border-radius: 0;
|
|
|
|
// Disable animation
|
|
&.animate.open {
|
|
animation: none;
|
|
}
|
|
|
|
&.arrowBottom::after {
|
|
border-top-color: $background-grey;
|
|
}
|
|
|
|
&.arrowTop::after {
|
|
border-bottom-color: $background-blue;
|
|
}
|
|
|
|
.flatpickr-months .flatpickr-month {
|
|
border-radius: 0;
|
|
}
|
|
|
|
.flatpickr-months .flatpickr-month,
|
|
.flatpickr-current-month .flatpickr-monthDropdown-months {
|
|
background: $background-blue;
|
|
}
|
|
|
|
.flatpickr-weekdays {
|
|
background: $background-blue;
|
|
|
|
.flatpickr-weekday {
|
|
background: $background-blue;
|
|
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: $background-blue;
|
|
border-color: $background-blue;
|
|
}
|
|
}
|
|
|
|
// scss-lint:enable SelectorFormat
|
|
|
|
// customization for shortcut-buttons
|
|
.shortcut-buttons-flatpickr-wrapper > .shortcut-buttons-flatpickr-buttons {
|
|
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;
|
|
}
|