22 lines
2.2 KiB
Markdown
22 lines
2.2 KiB
Markdown
# ADR-077: На десктопе все сообщения слева, на touch свои справа
|
|
|
|
Уточняет [ADR-065](065-message-side-alignment.md) и `docs/ui.md`, «Чат».
|
|
|
|
## Контекст
|
|
|
|
ADR-065 развёл свои и чужие сообщения по сторонам на всех экранах. На телефоне и планшете сторона ускоряет чтение короткой узкой ленты. На десктопе широкая лента даёт обратный эффект: взгляд ходит между краями, хотя цвет собственного ника уже отличает автора.
|
|
|
|
Порог ширины не отличает тип устройства. Планшет бывает шире небольшого окна ноутбука и не должен менять привычную мобильную сторону только из-за поворота экрана.
|
|
|
|
## Решение
|
|
|
|
- На устройстве с точным основным указателем и наведением (`hover: hover` и `pointer: fine`) все блоки сообщений выравниваются по левому краю.
|
|
- В остальных случаях сохраняется ADR-065: свои сообщения справа, чужие слева. Это телефоны, планшеты и другие touch-интерфейсы.
|
|
- Поток, ограничение ширины блока, автор над текстом, цвет своего ника и полноширинные разделители не меняются.
|
|
|
|
## Следствия
|
|
|
|
- Десктопная лента снова читается по одному левому краю, но не возвращается к старой сетке `132px 1fr`.
|
|
- Планшет не считается десктопом только из-за ширины экрана.
|
|
- Гибридное устройство следует своему основному указателю, который сообщает браузер. Подключение дополнительной мыши само по себе правило не меняет.
|