Предварительный просмотр списков тем (TLP)

Это инспектор, а не консоль.

Ой, извините, это консоль:

DevTools не удалось загрузить карту исходного кода: Не удалось загрузить содержимое для https://diembao.b-cdn.net/service-worker-42fd4076491c4d62115d613112a6b29c27e20a2b36e68013d9e936b8eadaa6e7.js.map.js: Ошибка HTTP: код состояния 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Это очень любопытно. В данный момент я не могу воспроизвести проблему. Мне было бы интересно узнать о других подобных сообщениях.

(Кстати, я не думаю, что ваше предупреждение имеет отношение к делу).

@ddf, думаю, мне удалось воспроизвести проблему, приношу извинения. Я использовал ветку beta.

Можете ли вы использовать ветку beta компонента и подтвердить, что она работает? (Это расширенная опция при установке компонента — просто введите beta в поле ветки.)

Я изучу различия…

Я объединил изменения, и теперь ветка master работает. Извините за путаницу.

Вам нужно просто обновить существующий компонент — тестирование ветки beta не требуется.

Пожалуйста, подтвердите, что проблема исправлена, и сообщите о любых других неполадках.

Спасибо за ваше терпение!

ОБНОВЛЕНИЕ: Хм… всё ещё есть связанная ошибка (при нажатии на «Главная» элементы исчезают)… Я постараюсь это исправить.

3 лайка

После обновления до последней версии ошибка исчезла!

1 лайк

Как включить кнопки действий? Я оставляю topic list actions topic lists по умолчанию и добавляю имя тега в topic list actions tags, но при проверке тега это, похоже, не работает.

Вы установили плагин «sidecar»? Это обязательно: Pavilion

Использует ли категория темы Discourse этот компонент?

Я думаю, что это Topic List Thumbnails

3 лайка

Похоже, но нет. Topic List Previews — это оригинальный плагин для предпросмотра миниатюр.

Это компоненты тем, поэтому их очень легко протестировать. Смело пробуйте их!

3 лайка

да, именно этот, спасибо

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

Обратите внимание: изменения сейчас находятся в ветке beta:

УЛУЧШЕНИЕ: удаление излишне сложной (?) логики изображения по умолчанию от merefield · Pull Request #15 · merefield/discourse-topic-list-previews-theme (github.com)

Я скоро внесу эти изменения в основную ветку, если не найду причин, по которым код изначально был таким сложным!

Также я хочу добавить ещё одно улучшение в ветку beta перед слиянием.

1 лайк

Я также улучшил внешний вид кнопки «Портфолио», чтобы она соответствовала кнопке «Сообщения»:

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

Извините, это давно пора было сделать! (но PR всегда приветствуются!!)

Это всё ещё находится в ветке beta, скоро будет слито.

1 лайк

ИСПРАВЛЕНИЕ: удаление излишне сложной (?) логики изображения по умолчанию от merefield · Pull Request #15 · merefield/discourse-topic-list-previews-theme (github.com) объединён

  • удаление ненужной отложенной отрисовки изображения по умолчанию для списка тем
  • исправление форматирования кнопки «Портфолио»

Привет!
Я пробую этот потрясающий компонент темы. Однако мне пришлось немного поискать, чтобы понять, что такое плагин sidecar и как его установить.

Было бы полезно добавить ссылку на репозиторий либо в первом сообщении, либо в настройках компонента предпросмотра списка тем.

1 лайк

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

1 лайк

Да, я сначала не нажал на вторую ссылку, потому что в начале поста было прямо указано, что плагин устарел.

Я изучаю компонент темы и действия, связанные с плагином sidecar. Было бы здорово добавить возможность скрыть возможные действия, хотя это однострочное CSS-правило.

Ещё одно предложение.
Я заметил, что иконка сердца, когда лайков нет, не выровнена по левому краю с кратким содержанием:

Это происходит из-за <span class="like-count"></span>, у которого установлен margin-right: 7px, независимо от того, пустой ли этот span или нет.

Поэтому я добавил следующее CSS-правило:

html:not(.tile-style) .topic-actions .like-count:empty {
    margin-right: 0;
}

Теперь, если лайков нет, сердце правильно выровнено по левому краю с кратким содержанием:

Это небольшое изменение, но я люблю детали. :smile:
Стоит ли мне создать PR для этого?

5 лайков

Было бы очень здорово получить помощь в очистке и приведении к единообразию вида без плиток, особенно учитывая, что он получает меньше внимания. Спасибо, @Canapin.

5 лайков

Я заметил несколько моментов при тестировании компонента вашей темы и у меня есть два вопроса.

  1. Сначала у меня было «Читать далее» в кратком описании, но оно не было стилизовано как ссылка — имело тот же цвет, что и обычный текст. Есть какая-то идея, почему так?

После установки плагина Sidecar текст «Читать далее» просто исчез из-за опции topic list excerpt remove links, которая по умолчанию включена.

Я понимаю, что эта опция означает:

  • Подавляет ссылки в кратких описаниях, чтобы они выглядели гораздо лучше (длинные ссылки в кратких описаниях в Discourse могут нарушать макет)

Но ссылка «Читать далее» должна быть полезна (хотя мне бы хотелось сравнить, как это выглядит на множестве тем…).

  1. Есть ли простой способ убрать ссылки из кратких описаний, но оставить «Читать далее» и показать её с базовым цветом ссылок?
4 лайка