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:
2025-11-07 18:55:50 +03:00
parent 1f0821efbe
commit a271bfa809
5 changed files with 49 additions and 24 deletions

View File

@@ -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;
}
/* Адаптивность для мобильных устройств */