На данный момент у нас есть только две части Discourse, использующие стилизацию состояния «прочитано/непрочитано».
Вторая часть в этом меню — состояние «выбрано». Оно показывает текущую выбранную вкладку уведомлений. В этой итерации мы имитируем состояние «выбрано» для элементов боковой панели.
Вот базовый аудит элементов, которые мы рассматриваем в меню: Прочитано, Непрочитано, Выбрано.
Боковая панель
Для боковой панели мы просто обозначаем «непрочитанное» точкой. Состояние «прочитано» подразумевается по умолчанию, если синяя точка отсутствует.
Боковая панель — активный элемент
Здесь показан текущий выбранный элемент боковой панели, то есть активный.
Список тем
Для списков тем мы сейчас показываем синюю точку && используем цвет в заголовке и метаданных для различения. Один нюанс: мы не показываем синюю точку для тем, на которые вы не подписаны/не следите. Поэтому пользователю не сразу понятно, появится ли синяя точка или нет.
Меню
Здесь мы используем состояние selected, чтобы показать активный выбор. Я не думаю, что это применимо к уведомлениям напрямую, но оно применимо к состоянию выбранной текущей вкладки уведомлений в меню.
В настоящее время есть несоответствия в том, какой цвет мы используем для состояния «выбрано».
Для отслеживания мы используем серый цвет.
Для текущей выбранной категории мы используем синий цвет.
Страница уведомлений пользователя
Эта страница нуждается в доработке в текущей итерации.