Переработка макета страницы категории на мобильных устройствах

Привет,

По умолчанию моя форумная страница использует категорию + последние темы.

На мобильном устройстве я считаю эту страницу не очень практичной.

Если у недавней темы много ответов, строка темы оказывается больше ширины экрана (см. первый скриншот, строка «Цитата дня (от не-ездоков)»).
Все элементы имеют большую высоту, и я хотел бы сделать их короче.

Вот как сейчас выглядит мой редизайн. Я также переместил количество тем рядом с названием категории и список подкатегорий под основной категорией вместо того, чтобы располагать их под списком тем:

Я не дизайнер (совсем), поэтому буду признателен за любую обратную связь или советы.

2 лайка

Мне нравятся итоги в строке темы, cc @awesomerobot

2 лайка

Поскольку, похоже, в одном из неопознанных обновлений Discourse был изменён мобильный шаблон списка категорий, а я переопределил этот шаблон (используя устаревший код), в итоге у меня остался код, который больше не парсится, например {{i18n "reports.all_time"}} или {{18n "all_time"}}.
Я не смог разобраться, как это исправить, поэтому решил удалить эту информацию.

Однако мне кажется, что мой мобильный шаблон выглядит даже лучше, и эта статистическая информация (общее количество сообщений, количество ответов…) не была нужна в мобильном представлении страницы категории.

Изменений немного, но вот как это выглядит сейчас:

Я доволен результатом и надеюсь, что это вдохновит других людей на улучшение мобильного представления страницы категорий (многие страницы Discourse отлично отображаются на мобильных телефонах, но стандартная страница категорий по умолчанию, на мой взгляд, выглядит неуместно).

2 лайка

Я согласен, что страницу категорий для мобильных устройств можно доработать, но также задумываюсь, стоит ли вообще делать отдельный макет категорий для мобильных… может, лучше использовать одни и те же шаблоны для десктопа и мобильных, обеспечив их адаптивность? Мне кажется, это более ценная задача… но мне было бы интересно узнать мнение других по этому поводу.

6 лайков