Стили цветных тегов

[manuel (Manuel Kostka)]

	Краткое описание	Присвоение тегов набору заранее определённых цветовых стилей
	Репозиторий	Manuel Kostka / Discourse / Helpers / Tag Styles · GitLab
	Руководство по установке	Как установить тему или компонент темы
	Новичок в темах Discourse?	Начинающее руководство по использованию тем Discourse

Настройки темы

Вы можете выбирать теги из выпадающего списка для каждого цвета.

Настройки сайта

Компонент должен работать со стилем тегов box. Для стилей simple или bullet потребуется добавить несколько пользовательских объявлений для настройки тегов.

Настройка цветов

Я выбрал простой интерфейс вместо гибкости в стилях. Поэтому, если вы хотите изменить заранее определённые цвета, вам нужно будет сделать форк компонента и изменить объявления стилей в его CSS-файле.

[Fma965]

Хорошая работа, но это работает только если стиль тега установлен в BOX

Удаление .box заставляет это работать на простом, но не уверен, не сломает ли это box или нет

[tmn (Tran Nhat)]

Просто, но работает отлично. Спасибо.

[sunjam (james.network)]

• Возможно ли назначать цвета группам тегов, а не отдельным тегам?
• Возможно ли настроить доступные цвета в соответствии с значениями HEX для дальтоников?

[manuel (Manuel Kostka)]

Спасибо за предложения!

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

Add a data-tag-group attribute for tags

Right now tags have their name stored in the data attribute data-tag-name: [Screenshot from 2022-07-29 15-50-16] Could there also be an attribute data-tag-group? It would make it easy to style and distinguish tags from different groups on the ux. A use-case where I find this especially helpful is on setups that only use tags. Then you likely have some top-level tags and it makes navigation more intuitive when tags from that group stand out with a distinct look. I saw there was a request years…

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

[45thj5ej]

РЕДАКТИРОВАНИЕ: Забыл, всё в порядке, я просто забыл сохранить другой файл “settings.yml”, ха-ха. Мозг перегрелся.

Привет. При изменении кода с жёлтого цвета на фиолетовый я получаю эту ошибку. Я просто заменил все упоминания “yellow” на “purple” и поправил значение шестнадцатеричного цвета. Почему?

  $tags-purple: str-to-list("#{$purple}", "|");
  @each $tag in $tags-purple {
    .discourse-tag[data-tag-name="#{$tag}"] {
      color: #CCCCCC !important;
      background-color: #ae00d1;
      &:hover {
        color: #CCCCCC;
        background-color: #ae00d1;
      }
    }
  }

Первая строка здесь — это строка 8, на которую указывает ошибка.

[ogulcan1787]

Привет, спасибо за компонент.
Он не работает с GitHub - discourse/discourse-remove-dashes-from-tag-names: Remove dashes (-) from tag names in the Topic List and on the Topic page. · GitHub

Может быть, вы сможете выпустить обновление?

Он работает, если тег в одну строку, но не работает, если тег в две строки.

Например, тег в одну строку: support
Тег в две строки: support-me

[thaidb]

Можно ли выбрать цвет для всех тегов в группе тегов?
И чтобы это не повлияло на мой Discourse!

@ogulcan1787

Не работает с GitHub - discourse/discourse-remove-dashes-from-tag-names: Удаление дефисов (-) из названий тегов в списке тем и на странице темы.

У меня тоже.

[Av8tion]

Привет, этот компонент не работает с моей версией. Я добавил теги, чтобы задать определённые цвета в админ-меню для компонента, но они все ещё серые. Я не вносил никаких изменений в код компонента и пытаюсь использовать его в том виде, в котором он предоставлен. Ниже приведены примеры на скриншотах:

[manuel (Manuel Kostka)]

Боюсь, я не могу воспроизвести. У меня это работает на версии 3.5.

В любом случае, я опубликовал обновлённый компонент в новом репозитории на GitLab. Функциональных изменений нет, только техническое обслуживание и рефакторинг. Старый репозиторий на GitHub всё ещё должен работать, но если вы устанавливаете с нуля, пожалуйста, используйте новый репозиторий — он также указан в теме «Сводка».

[Av8tion]

Да, новая версия компонента, на которую вы ссылаетесь, тоже не работает у меня… все блоки всё ещё серые.

[manuel (Manuel Kostka)]

Да, функциональных изменений нет. Но компонент работает на новом экземпляре по умолчанию. Вы проверяли элементы?

[Av8tion]

К сожалению, я не эксперт в программировании… Если компонент не работает по принципу «вставил и забыл», я в довольно плохом положении. Мне просто придется искать другие варианты, чтобы заставить что-то подобное работать.

[Ahmed26]

Все настройки настроены правильно, но метки по-прежнему неактивны

[manuel (Manuel Kostka)]

Спасибо за отчеты, я, кажется, нашел проблему.. теги теперь чувствительны к регистру, но data-tag-name должен парситься в нижний регистр. Поэтому стили не применялись к тегам в верхнем регистре.

Дайте знать, если после обновления компонента все заработает @Ahmed26 @Av8tion

[Ahmed26]

теперь работает очень хорошо, спасибо

[Av8tion]

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