Тематические карточки

Вы можете создать новый компонент и добавить его в вашу тему

2 лайка

Всем привет!

Я сделал форк TC и немного поигрался, добавив несколько новых функций:

  • Заглушка при отсутствии миниатюры
  • Выбор между сеткой и списком для десктопа/мобильных устройств
  • Более детальный контроль размеров
  • Более детальный контроль радиуса скругления

Подробности можно найти в репозитории: https://github.com/jrgong420/discourse-topic-cards/

:warning: Раскрытие информации: Форк был спланирован, реализован и протестирован с помощью инструментов AI-кодинга. Используйте на свой страх и риск.

1 лайк

Можете показать пару скриншотов для демонстрации списка и сетки, возможно, с вашими другими дополнениями?

Привет, ребята, и @Heliosurge

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

Кроме того, мы добавили несколько новых возможностей. Ознакомьтесь с ними здесь:

3 лайка

Так, когда включена опция «Показывать для рекомендуемых тем», она, похоже, конфликтует с заголовками при использовании связанных тем.

Пожалуйста, создайте настройку для максимальной высоты карточки на мобильных устройствах.

Возможно ли вернуть массовые действия, пока используется компонент карточек тем? Я показал его с помощью некоторых правок CSS для своего форума, но UX на нём не очень хорош :sweat_smile: Возможно, было бы лучше, если бы он включался по умолчанию в рамках компонента.

Кстати, пока я это пишу, я прокрутил вверх и увидел, что это уже было запрошено. Есть ли какие-то идеи, можно ли это реализовать?

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

.topic-cards-list .topic-list-header {
  display: block;

  .topic-list-data.posters,
  .topic-list-data.posts,
  .topic-list-data.views,
  .topic-list-data.activity {
    display: none;
  }

  .topic-list-data.default > span:not([class]) {
    display: none; // удаляет лишний текст 'Тема', у которого нет класса span для целевого элемента
  }
}

.topic-list-body {
  tr.bulk-selecting.topic-card {
    gap: 0; // убирает огромное расстояние между чекбоксом и остальной частью карточки темы
  }
}

Спасибо за этот компонент. Он выполняет огромную работу на нашем сайте, и мы очень это ценим.

У меня одно пожелание. Мы ведём сообщество, где участники используют свои настоящие имена, поэтому мы отключили приоритет имени пользователя в UX и включили отображение отображаемого имени в постах. Теперь полные имена правильно отображаются в постах, карточках пользователей и профилях. Единственное место, где по-прежнему показывается @имя_пользователя, — это автор на карточках тем.

Было бы возможно добавить настройку, чтобы автор в карточке учитывал параметры отображения имён на сайте, показывая полное имя участника и используя имя пользователя в качестве резервного варианта, если имя не задано?

С радостью протестирую любые изменения на нашем экземпляре и сообщу о результатах. Ещё раз спасибо за разработку и поддержку.

2 лайка

Конечно! В идеале мы должны поддерживать это везде, где отображаются имена пользователей. Я только что добавил эту функцию здесь: FEATURE: support prioritizing real names - Pull Request #84 - discourse/discourse-topic-cards - GitHub — так что после обновления компонента вы должны начать видеть реальные имена.

6 лайков

Это здорово, Крис, спасибо. Бронвин

3 лайка