Мобильный компонент списка тем MD

Я применил исправление

3 лайка

Второй вариант, пожалуйста, с аватаром справа :pray:

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

1 лайк

Альтернативный вариант выглядит хорошо. Честно говоря, странно заменять аватар значком. Лично я бы уменьшил размер значка, но в целом идея мне нравится.

2 лайка

Мне нравится эта альтернатива.

2 лайка

Ок, я обновил компонент, чтобы это проверить. Дайте знать, если возникнут какие-либо проблемы.

Ещё раз спасибо @Arkshine, без вашей работы я бы сдался.

2 лайка

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

Я не думаю, что так; скорее всего, вы добавили это напрямую в компонент, используя plugin outlet.

Сейчас у меня нет кода, но если вам это действительно нужно, я могу помочь.

Базовый код должен выглядеть примерно так:

<script type='text/x-handlebars' data-template-name='/connectors/topic-list-after-category/viewsandlikes'>
  <span class='topic-views'>{{d-icon "eye"}} **code**</span>
  <span class='topic-likes'>{{d-icon "heart"}} **code**</span>
</script>
1 лайк

Ага, правда? Я тоже не помню, вносил ли я какие-то изменения. Возможно, память меня подводит. Но спасибо за помощь, я со своей стороны изменю код :sweat_smile:

1 лайк

Кстати, похоже, что ссылка на предпросмотр не работает.

2 лайка

Исправил, спасибо

Я привёл в порядок страницу создания темы, но забыл снова поделиться этими компонентами

3 лайка

Думаю, я всё понял. Я отправил исправление — попробуй обновиться и скажи, если теперь всё работает.

1 лайк

Индикатор онлайн-статуса размещён некорректно :slight_smile:


Посмотрите на первую строку

1 лайк

Это сложно, так как плагин «Кто онлайн» прикрепляет этот индикатор к левому краю (который мы отключили), а аватар выровнен по вертикали по центру.

С помощью этих изменений (добавьте их в мобильный CSS-стиль) можно приблизиться к желаемому результату, но это всё ещё далеко от идеала.

.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

Самое простое решение — отключить этот индикатор на мобильных устройствах и только в списке тем.

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}
2 лайка

Привет, Макс. Я тоже хочу отображать что-то под заголовком, например, количество лайков и просмотров. Как ты это реализовал?

Небольшое обновление компонента: внутри категории список тем был довольно пустым. Я добавил информацию об авторе и количестве сообщений.

До

После

1 лайк

Выглядит хорошо. Я немного изменил цвета, чтобы они не были слишком броскими.

body.category .category-author-comments {
    color: var(--primary-medium) !important;
}
body.category .category-author-comments a {
    color: var(--primary-medium) !important;
}

Этот компонент скоро перестанет работать:

Я был его большим поклонником, но, возможно, мы всё ещё можем настроить макет каким-то образом, используя мобильную точку перелома?

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

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

4 лайка

7 лет использую Discourse каждый день, и до сих пор не привык к большому аватару слева, который НЕ представляет автора, а показывает последнего автора сообщения :lolsob:
Заплачу слезами радости, когда его официально уберут :face_with_tongue:

1 лайк

Мне нравится этот компонент, но аватар слева сильно отвлекает от чтения.

Надеюсь, его будут поддерживать и дальше, даже если это будет платно (но не слишком дорого, я, наверное, не смогу себе это позволить :joy:)

2 лайка