Ссылка Topic Cards предлагает простой, но при этом красивый и удобный способ отображения тем на основных страницах. Однако в метаданных, которые она отображает, есть место для улучшений.
Отображаются только лайки. Между тем, также официальное расширение Topic List Thumbnails очень элегантно показывает иконки для просмотров, лайков и ответов, а дата последнего обновления аккуратно отображается вместе с этими иконками.
Отображается дата публикации вместо даты последнего обновления, что не соответствует стандартному поведению Discourse и может запутать пользователей («почему эта тема находится вверху, если она такая старая?»).
Решение может быть простым с точки зрения UX: отображать метаданные в карточках тем так же, как это делается в миниатюрах списка тем. По возможности, использовать тот же код. Это обеспечит большую согласованность и, теоретически, уменьшит объем работы по поддержке.
Для сравнения:
Карточки тем
Дата публикации отображается слева, а иконка — справа.
Та же тема. Отображается в два раза больше данных, но при этом не возникает визуального шума, а дата соответствует последнему обновлению, а не дате публикации, как и в стандартном поведении Discourse.
Чтобы упростить это предложение, я предлагаю использовать один официальный компонент (миниатюры списков тем) для улучшения другого официального компонента (карточки тем). Добавление сторонних тем или компонентов только усложняет ситуацию, независимо от того, насколько хороши эти внешние компоненты.
Лично я предпочитаю оставаться на теме Default и развивать её. Возможно, мы остановимся на теме Graceful только потому, что она предлагает больше возможностей для дизайна с фоновыми и плавающими областями. Карточки тем хорошо дополняют принципы темы Graceful и не добавляют лишних функций, которые (в нашем случае) нам не нужны.
На мой взгляд, это звучит как хорошее улучшение. Прямо сейчас у нас нет ресурсов, чтобы реализовать это изменение, но я помечаю это как pr-welcome, что означает: мы с радостью рассмотрим вклад от сообщества, который внесёт предложенное здесь изменение.
Мы развернули эту версию на https://podkasts.org и протестировали её на десктопе и мобильных устройствах.
Мы добавили немного дополнительного CSS (локально, отдельно от версии компонента от @RGJ), чтобы:
a) Удалить «Опубликовано» (см. моё обоснование этого изменения выше)
b) Улучшить работу с темой Graceful (которая добавляет левое поле, ограничивающее пространство на мобильных устройствах).
Я думаю, было бы хорошей идеей добавить настройку для включения/выключения отображения дополнительных метрик. Изначальный дизайн предполагал более минималистичный подход за счёт удаления части контента, поэтому я хотел бы сохранить эту задумку.