Значок решённой темы

:information_source: Краткое описание Добавляет варианты стилизации для решённых и нерешённых тем.
:hammer_and_wrench: Репозиторий GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics. · GitHub
:question: Руководство по установке Как установить тему или компонент темы
:open_book: Новичок в темах Discourse? Начинающее руководство по использованию тем Discourse

Установить этот компонент темы

Привет :waving_hand:

Этот компонент темы добавляет варианты стилизации для решённых и нерешённых тем. Вы можете настроить собственный значок и цвет фона.

По умолчанию на странице списка тем это выглядит так :arrow_down_small:
Стилизация (перед заголовком)

С фоном


Встроенный


Стилизация (после заголовка)


Заголовок темы, шапка темы
Стилизация
Screenshot 2023-10-11 at 23.40.35


Встроенный
Screenshot 2023-10-11 at 23.43.39


Существует множество настроек, где вы можете отдельно изменить значок, текст и стиль для решённых и нерешённых тем.

Глобальные настройки индикатора :arrow_down_small:

тип
– стилизованный (значок)
– встроенный (размещается внутри перед заголовком)

размещение (стилизованная версия)
– перед-заголовком
– после-заголовка

скругление границ
– скругление значка


Настройки индикатора «Решено»

индикатор «Решено»
– Используется символ Unicode :check_mark:, но вы можете использовать и другие (например, эмодзи). Размещается перед меткой.



цвет границы для «Решено»
У значка есть прозрачная граница толщиной 1 пиксель, и в этой настройке вы можете задать для неё цвет.

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


Настройки индикатора «Нерешено»

Те же настройки для индикатора «Нерешено» находятся ниже…

Если вы хотите включить индикатор «Нерешено», включите настройку плагина Discourse Solved пустой квадрат для нерешённых.


Планы на будущее:

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

20 лайков

Крутой компонент темы. Есть лишь одна небольшая проблема: пост в категории «О нас» также помечен как нерешённый.

1 лайк

Привет @Heliosurge :wave:

Спасибо :slight_smile:
Технически тема about topic также решаемая. Если вы включили настройку пустой квадрат для нерешённых тем в плагине Discourse Solved, то пустой квадрат будет отображаться в списке тем для about topic и внутри самой темы about topic. Чтобы скрыть значок «нерешённая» для конкретной темы, нужно закрыть её.

2 лайка

Отлично, спасибо! Узнал кое-что новое.

:clinking_beer_mugs::smiling_face_with_sunglasses::+1::sparkles:

1 лайк

Спасибо за компонент…

Но с компонентом
https://github.com/VaperinaDEV/discourse-solved-quote-

сообщение «решено» не отображается зелёным, компонент не работает… :frowning:

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

Привет, @barto_95 :waving_hand:

Эти два компонента должны работать вместе корректно, но правильный URL компонента: GitHub - VaperinaDEV/discourse-solved-quote-customization · GitHub

2 лайка

Привет :waving_hand: Я обновил этот компонент темы, чтобы он работал со списком тем Glimmer. :slightly_smiling_face: Спасибо за отчет: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

4 лайка

Список устаревших тем был удалён в этом месяце.
Код можно убрать:


Подготовил быстрый PR:

6 лайков

Ой, извините, я забыл обновить этот компонент. Спасибо @Arkshine, я объединил его. :heart:
@ozkn, пожалуйста, обновите компонент.

4 лайка

Этот компонент несовместим с discourse-umbrella-groupswitchdisplay и не может использоваться совместно. Произошла ошибка, которая может помешать корректной работе вашего сайта.

Причина: Конфликт между активными темами или компонентами.

Нажмите здесь, чтобы обновить, перенастроить или отключить компонент.

(Это сообщение видно только администраторам сайта.)

Спасибо за обновление. Я обновился и попробовал, но получаю ту же ошибку. @Don

1 лайк

О, да, извините, я понял. Исправлено здесь: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub Пожалуйста, обновите снова. :slight_smile:

5 лайков

Спасибо, теперь всё работает отлично, без каких-либо проблем.

2 лайка

Ой, извините!

2 лайка

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

После обновления до последней версии:

3.5.0.beta8-dev (commit: 5eca6d826e)

я столкнулся с визуальной регрессией, связанной с плагинами Discourse Solved и Solved Topic Badge.

Проблема:

Ранее решённые темы имели зелёный фон, а нерешённые темы (ожидающие решения) отображались с красным фоном в списке тем.

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

Детали:

  • Плагины: Discourse Solved + Solved Topic Badge
  • Настройка enable solved topic background включена
  • До обновления всё работало как ожидалось

Скриншот (после обновления):

Ожидаемое поведение:

Решённые темы должны сохранять зелёный фон для лучшей визуальной наглядности.

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

1 лайк

Я думаю, это происходит с темами, которые вы уже читали, из-за изменений в
UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub,
где добавлен отдельный цвет фона для просмотренных тем.

Вы, вероятно, могли бы исправить это с помощью собственного CSS до тех пор, пока компонент темы не будет адаптирован, но я сейчас не могу это проверить.

Проблемы с компонентами, которые не являются #официальными, обычно следует сообщать в соответствующей теме.

2 лайка

Спасибо, Moin!

Мне удалось исправить это с помощью пользовательского CSS:

.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
  background-color: var(--success-low) !important;
}

CC: @sam @j.jaffeux

@Don из-за недавнего добавления переменных в ядро вам, возможно, потребуется немного настроить ваш компонент, чтобы фоновые цвета работали корректно, даже если тема уже была посещена.

3 лайка

Привет :waving_hand: Спасибо за отчёт! Вот обновление: UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

4 лайка

Привет, @Don! Я заметил, что цветной фон для незарегистрированных пользователей не отображается. Кроме того, цвет фона для aside.quote.accepted-answer>blockquote не соответствует цвету бейджа «решено». Есть ли способ это исправить?