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