Карточки тем

Настройка Компонент темы
,
104

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

2 лайка
105

Всем привет!

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

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

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

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

1 лайк
106

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

107

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

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

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

3 лайка
108

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

image
image640×385 22 KB

109

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

110

Возможно ли вернуть массовые действия, пока используется компонент карточек тем? Я показал его с помощью некоторых правок 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; // убирает огромное расстояние между чекбоксом и остальной частью карточки темы
  }
}