feat: Улучшен календарный фильтр заказов - расширен до 19 дней и обновлён дизайн
- Расширен календарь с 9 до 19 дней (±9 от центра) - Календарь теперь занимает всю ширину страницы - Исправлены метки "Вчера/Сегодня/Завтра" - теперь привязаны к реальным датам, а не к позициям в ленте - Добавлена автоматическая отправка формы при выборе даты - Обновлён дизайн: * Сегодняшний день выделен светло-голубым цветом (более мягкий оттенок) * Выбранная дата обведена красной рамкой (как на настенном календаре) - Добавлен блок extra_css в base.html для подключения дополнительных стилей 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
/**
|
||||
* Стили для календарного фильтра с лентой из 9 дней
|
||||
* Стили для календарного фильтра с лентой из 19 дней
|
||||
* Используется в компоненте date_range_filter.html
|
||||
*/
|
||||
|
||||
@@ -118,35 +118,44 @@
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* Сегодняшний день (активный) */
|
||||
/* Сегодняшний день (более светлый оттенок) */
|
||||
.date-btn.today {
|
||||
background: #0d6efd;
|
||||
border-color: #0d6efd;
|
||||
color: white;
|
||||
background: #cfe2ff;
|
||||
border-color: #9ec5fe;
|
||||
color: #084298;
|
||||
}
|
||||
|
||||
.date-btn.today .date-btn-label,
|
||||
.date-btn.today .date-btn-day,
|
||||
.date-btn.today .date-btn-weekday {
|
||||
color: white;
|
||||
color: #084298;
|
||||
}
|
||||
|
||||
.date-btn.today:hover {
|
||||
background: #0b5ed7;
|
||||
border-color: #0b5ed7;
|
||||
background: #b6d4fe;
|
||||
border-color: #6ea8fe;
|
||||
}
|
||||
|
||||
/* Выбранный день */
|
||||
/* Выбранный день (красная рамка как на настенном календаре) */
|
||||
.date-btn.selected {
|
||||
background: #198754;
|
||||
border-color: #198754;
|
||||
color: white;
|
||||
background: #fff;
|
||||
border-color: #dc3545;
|
||||
border-width: 3px;
|
||||
color: #212529;
|
||||
box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.2);
|
||||
}
|
||||
|
||||
.date-btn.selected .date-btn-label {
|
||||
color: #dc3545;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.date-btn.selected .date-btn-day {
|
||||
color: #dc3545;
|
||||
}
|
||||
|
||||
.date-btn.selected .date-btn-label,
|
||||
.date-btn.selected .date-btn-day,
|
||||
.date-btn.selected .date-btn-weekday {
|
||||
color: white;
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
/* Адаптивность для мобильных устройств */
|
||||
|
||||
Reference in New Issue
Block a user