Category Icons

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

Привет! Есть какие-то новости об обновлениях? Очень интересно, что произошло.

5 лайков
208

Каково текущее состояние этого? Я хотел бы отказаться от fontawesome.

3 лайка
209

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

2 лайка
210

Спасибо! Я подожду, пока работа над новым меню для нашего сайта не будет завершена, а затем попробую это на тестовом сервере. :slight_smile:

2 лайка
220

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

image
image529×252 11.2 KB

1 лайк
221

Я бы просто использовал компонент. В теме Moving to a Single Category Style Site Setting поднимались вопросы об иконках категорий, и похоже, что они не войдут в ядро до выпуска Discourse 3.2.

4 лайка
222

Да, подтверждаю: я только что объединил обновление этого компонента, чтобы обеспечить его совместимость с Moving to a Single Category Style Site Setting

Обновление будет доступно для сайтов на версии Discourse 3.2.0.beta4-dev или новее благодаря Pinning plugin and theme versions for older Discourse installs (.discourse-compatibility)

Поскольку это обновление привязано к версии, а не к конкретному коммиту, если вы уже используете Discourse 3.2.0.beta4-dev и сталкиваетесь с проблемами при работе с этим компонентом, возможно, вам потребуется обновить Discourse ещё раз сегодня.

3 лайка
223

Мне так и не удалось попробовать вашу ветку, но я надеюсь вернуться к этому. Есть ли какие-то новости о том, станет ли это официальным?

1 лайк
224

@carson Удалось немного поэкспериментировать с этим. В целом выглядит хорошо, за исключением следующего:

  1. Иконки в выпадающем списке выбора категории не цветные.
  2. Не работает в новом меню.
  3. Если включить опцию «Использовать загруженный логотип категории в качестве её иконки»:
    a. это влияет только на выпадающий список выбора категории.
    b. иконка не отображается рядом с категорией в других местах.
    c. кроме того, если эта опция включена, в выпадающем списке выбора категории отображаются только эти иконки (даже если для других категорий настроены иные иконки).
  4. Иконки кажутся больше, чем в предыдущей теме. Приведение их к тому же размеру было бы наименее disruptive — но, возможно, было бы удобно иметь настройку для размера?

Также некоторые желательные улучшения:

  • Опция для скрытия иконки блокировки категории, а не просто её замены на что-то другое[1]
  • Если используется логотип категории, предоставить опцию для скрытия большого логотипа категории на странице категорий. Они избыточны.
  • Переместить конфигурацию эмодзи и Font Awesome на страницу категории, рядом с настройкой логотипа категории.

  1. Я считаю, что она добавляет много визуального шума и мало пользы, так как не указывает, как именно ограничена категория! ↩︎

2 лайка
225

Пост был объединен с существующей темой: Кнопка установки темы не работает на Meta

226

Привет, Coin,

Кажется, мы столкнулись с той же проблемой, что и ultrakiller.

Вот файл, который мы добавляем для загрузки:
category

Когда мы используем этот код, чтобы заменить иконку звезды на иконку категории, ничего не работает:

<script type="text/discourse-plugin" version="0.8">
    api.replaceIcon('d-liked', 'beer');
    api.replaceIcon('d-unliked', 'fa-beer');
    api.replaceIcon('star', 'category');
</script>

Мы совершенно не понимаем, какой шаг упустили. Не могли бы вы разобраться? Большое спасибо!

1 лайк
227

Привет! Чтобы создать SVG-файл в правильном формате, следуйте этой инструкции:

В вашем случае это будет выглядеть примерно так:

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
    <symbol id="my-icon-id" viewBox="0 0 1024 1024" fill="none">
        <path fill="currentColor" d="M768.487 554.422H553.554v214.926c0 106.838 86.61 193.437 193.442 193.437h21.491c106.832 0 193.432-86.603 193.432-193.437v-21.492c.002-106.83-86.606-193.434-193.432-193.434m-515.842 0c-106.83 0-193.435 86.61-193.435 193.434v21.492c0 106.838 86.606 193.437 193.435 193.437h21.494c106.83 0 193.432-86.603 193.432-193.437V554.422zm21.498-494.346H252.65c-106.835 0-193.44 86.606-193.44 193.442v21.492c0 106.825 86.607 193.431 193.44 193.431h214.926V253.518c.002-106.836-86.604-193.442-193.432-193.442m494.344 0h-21.491c-106.836 0-193.442 86.606-193.442 193.442V468.44h214.933c106.832 0 193.432-86.606 193.432-193.431v-21.492c.002-106.836-86.606-193.442-193.432-193.442m0 0"/>
    </symbol>
</svg>

Обязательно:

  • Добавьте fill="currentColor".
  • Загрузите SVG с именем переменной SCSS icons-sprite.

Результат:
image

7 лайков
228

Спасибо, Arkshine. Позвольте мне попробовать.

2 лайка
229

Обрабатывает ли этот компонент темы подкатегории с одинаковыми названиями?

  • parent (slug: parent)
    • sub (slug: sub)
  • parent2 (slug: paren2)
    • sub (slug: sub)

Похоже, что настройки не применяются, если я использую слаг parent-slub или parent1-sub, чтобы попытаться применить их к этим категориям.

230

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

231

Примеры слайг-имён я привёл в посте выше.

1 лайк
232

И что, это не работало? Я не использовал категории с похожими названиями в этом TC, но помню, что когда-то использовал подкатегории, так как один из экземпляров работал с родительской категорией просто как контейнером для подкатегорий.

1 лайк
233

@lindsey / @tobiaseigen Я добавил предупреждение в верхний пост:

Однако теперь в разделе Meta накопилось довольно много проблем с поиском, поэтому, вероятно, стоит привести это в порядок.

4 лайка