mirror of
https://github.com/Matysh/houseplan-card
synced 2026-09-30 11:49:16 +00:00
33 lines
2.4 KiB
Markdown
33 lines
2.4 KiB
Markdown
# Dashboard 5 — заметки по реализации
|
|
|
|
Версия реализует изменения из документа «ТЗ Dashboard 4 — финальные изменения по итогам встречи 08.09.2026.md» как отдельный прототип и не изменяет Dashboard 4.
|
|
|
|
## Реализовано
|
|
|
|
- автоматический выбор позиции по ориентации viewport через `matchMedia("(orientation: portrait)")`;
|
|
- `ResizeObserver` и обработчик `resize` для реакции на изменение размеров и поворот устройства;
|
|
- плавающее размещение поверх плана;
|
|
- компактная ширина по содержимому в правом и нижнем положении с ограничением доступным экраном;
|
|
- направленная анимация показа и скрытия;
|
|
- составной контрол из двух доступных кнопок;
|
|
- единое состояние показа в шапке и диалоге;
|
|
- собственный заголовок информационной панели;
|
|
- отсутствие элементов и состояния сворачивания блоков;
|
|
- внутренний скролл при переполнении;
|
|
- безопасное расположение под управлением киоска;
|
|
- отключение переходов при `prefers-reduced-motion`.
|
|
|
|
## Прототипные ограничения
|
|
|
|
- сущности заданы демонстрационным массивом;
|
|
- сохранение основано на `localStorage`;
|
|
- реальные контексты и форматирование Home Assistant требуют интеграции;
|
|
- touch/pan/pinch, safe area и 200% zoom требуют проверки в реальной карточке.
|
|
|
|
## Последние визуальные уточнения
|
|
|
|
- кнопка показа использует `svg/layout-sidebar-right.svg`;
|
|
- значения строк выровнены по правому краю блока;
|
|
- в портретной ориентации панель находится снизу, центрируется и не растягивается на всю ширину без необходимости.
|
|
|