bare/docs/decisions/079-profile-glyph-and-settings-layout.md

ADR-079: Пиктограмма профиля и компоновка настроек

Уточняет ADR-024: аватаров по-прежнему нет, но переходу в настройки нужна однозначная пиктограмма. Уточняет ADR-067: состав кнопки профиля меняется, версия остаётся рядом с ней.

Контекст

В подвале сайдбара переход в настройки обозначен точкой и текстом «ты: @nick». Точка не объясняет действие, а слово «ты» занимает место у ника. Использовать эмодзи нельзя: его вид зависит от платформы. Подключать библиотеку ради одной пиктограммы противоречит устройству клиента.

Экран настроек ограничен одной колонкой 460 px и на десктопе остаётся длинной узкой лентой. Формы внутри неё дополнительно ограничены 360 px, поэтому поля смены пароля и удаления аккаунта короче соседних кнопок.

Решение

• Кнопка настроек в подвале состоит из локального profile.svg и @nick. Её доступное имя — «настройки: @nick».
• Пиктограмма фиксированная, не пользовательская: это указатель на профиль, а не аватар. Круглая голова делает назначение узнаваемым, угловатые открытые плечи, viewBox 64, один штрих 7 px и цвет ink связывают её со «Скобами». Человека внутрь фирменного знака не помещаем.
• Ассет хранится в клиенте и входит в офлайн-оболочку. Зависимостей и сборки не появляется.
• До ширины 959 px настройки идут одной колонкой в прежнем порядке. От 960 px блок идентичности занимает всю ширину, ниже стоят две равные колонки с промежутком 32 px: уведомления, установка, устройства и история слева; смена пароля, выход и удаление аккаунта справа.
• Ширина двух колонок вместе — не больше 752 px. Поля и обычные кнопки занимают полную ширину своей колонки и сохраняют общую минимальную высоту 44 px.
• Новая компоновка относится только к #/settings. Карточка контакта и участники, использующие тот же базовый класс узкого содержимого, не меняются.

Следствия

• В подвале остаются только пиктограмма, ник и независимая строка версии; длинный ник по-прежнему обрезается многоточием.
• На телефоне порядок и одноколоночная компоновка настроек сохраняются. На широком десктопе путь чтения делится на повседневные настройки слева и действия с доступом к аккаунту справа.
• Смена app.css, модулей и состава оболочки требует новой версии service worker.