# Иконки категорий
**URL:** https://meta.discourse.org/t/category-icons/104683
**Category:** Theme component
**Tags:** official, deprecated, category-icons
**Created:** [19.Декабрь.2018 16:22:44 UTC](https://meta.discourse.org/t/category-icons/104683 "2018-12-19T16:22:44Z")
**Posts on this page:** 20
**Page:** 2
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [15.Май.2019 22:10:42 UTC](https://meta.discourse.org/t/category-icons/104683/23 "2019-05-15T22:10:42Z")
Another request would be having the icon next to the category name on the category page if it’s not a subcategory:
---
### Author:  [@Eduardo\_Braga](https://meta.discourse.org/u/Eduardo_Braga)
#### Post date: [16.Май.2019 23:59:46 UTC](https://meta.discourse.org/t/category-icons/104683/24 "2019-05-16T23:59:46Z")
icon is not working.
Example: xbox
how to leave only the icon? 
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [10.Август.2019 19:51:42 UTC](https://meta.discourse.org/t/category-icons/104683/25 "2019-08-10T19:51:42Z")
Этот компонент теперь поддерживает иконки в списках категорий благодаря @tshenry, спасибо, Тейлор!
@davidkingham, это должно удовлетворить ваш запрос от 15 мая.
Примечание: это пока _не_ работает для макета «Коробки с подкатегориями».
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [11.Август.2019 03:34:49 UTC](https://meta.discourse.org/t/category-icons/104683/26 "2019-08-11T03:34:49Z")
Спасибо, Пенар. Похоже, что с этим обновлением на моём сайте всё работает некорректно: перед названием категории и под ним появляется много пустого пространства, а также многие иконки перестали отображаться. Я пробовал отключать все остальные CSS-стили, но результат тот же.
Редактирование: Я понял, что проблема с отступами вызвана тем, что в этом обновлении стало видимым логотип категории. У меня используется 1x1 прозрачный PNG, чтобы описание категории было видно внутри самой категории. Не совсем понятно, почему это обновление должно что-то менять?
До:
После:
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [11.Август.2019 15:02:59 UTC](https://meta.discourse.org/t/category-icons/104683/27 "2019-08-11T15:02:59Z")
Я выяснил, что файл icons-sprite.svg был удалён при обновлении компонента, поэтому я легко исправил проблему с отсутствующими иконками. Это нормальное поведение — чтобы файлы загрузки удалялись при обновлении?
Вот ещё один пример того, как компонент влияет на макет:
До:
После:
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [11.Август.2019 17:38:29 UTC](https://meta.discourse.org/t/category-icons/104683/28 "2019-08-11T17:38:29Z")
> [@davidkingham](#):
>
> Я понял, что файл icons-sprite.svg был удалён при обновлении компонента, поэтому я легко исправил проблему с отсутствующими иконками. Это нормальное поведение, когда файлы загружаются и удаляются при обновлении?
Да, это нормально: при обновлении всё сбрасывается, кроме настроек темы. Вам следует добавить пользовательские иконки в отдельный компонент темы.
Что касается изменений в макете: да, в компоненте есть CSS, который может конфликтовать с вашей темой. Вероятно, это легко исправить, если вы посмотрите исходный код и определите, какое CSS-правило вызывает проблему с плавающим изображением.
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [11.Август.2019 20:20:09 UTC](https://meta.discourse.org/t/category-icons/104683/29 "2019-08-11T20:20:09Z")
> [@pmusaraj](#):
>
> Да, это нормально: обновления сбрасывают всё, кроме настроек темы. Вам следует добавить пользовательские иконки в отдельный компонент темы.
Спасибо, я добавлю это в другой компонент 👍
> [@pmusaraj](#):
>
> Что касается изменений макета: да, в компоненте есть CSS, который может конфликтовать с вашей темой. Вероятно, это легко исправить, если вы посмотрите исходный код и определите, какое CSS-правило вызывает прекращение обтекания изображения.
Я изучил CSS в вашем компоненте, но не могу понять, почему это происходит на моём сайте. Как я уже говорил, я пробовал это с темой, у которой вообще нет CSS, и активировал только этот компонент, так что проблема не в конфликте, а в наличии логотипа категории. Вы тестировали компонент с логотипом категории?
---
### Author:  [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [12.Август.2019 20:47:17 UTC](https://meta.discourse.org/t/category-icons/104683/30 "2019-08-12T20:47:17Z")
Ах, логотипы категорий — это упущение. Извините за это! Я только что отправил PR на рассмотрение @pmusaraj. Я почти уверен, что теперь охвачены **все** сценарии, но если вы заметите что-то не так в разделе со списком категорий, пожалуйста, отметьте меня, и я всё проверю.
>
>
> I had overlooked category logos. This should fix up the layout:
>
> \
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [12.Август.2019 20:50:16 UTC](https://meta.discourse.org/t/category-icons/104683/31 "2019-08-12T20:50:16Z")
Отлично, спасибо @tshenry, PR теперь влит.
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [12.Август.2019 21:20:51 UTC](https://meta.discourse.org/t/category-icons/104683/32 "2019-08-12T21:20:51Z")
Спасибо, ребята! Ещё одна мелкая проблема: на мобильных устройствах заголовок категории ограничивается шириной примерно 200 пикселей вместо полной ширины. Я проверил, что это вызвано этим компонентом.
Редакция: Ещё один небольшой момент: иконки категорий сдвигают логотип категории вправо, и это выглядит немного небрежно.
---
### Author:  [@md-misko](https://meta.discourse.org/u/md-misko)
#### Post date: [13.Август.2019 11:21:18 UTC](https://meta.discourse.org/t/category-icons/104683/35 "2019-08-13T11:21:18Z")
После последнего коммита некоторые (но не все) названия категорий на мобильных устройствах обрезаются (последнее внизу — Staff):
Если компонент отключен, названия категорий отображаются полностью. @tshenry, не могли бы вы помочь?
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [13.Август.2019 14:03:16 UTC](https://meta.discourse.org/t/category-icons/104683/36 "2019-08-13T14:03:16Z")
Я только что объединил последний PR от @tshenry, он должен исправить 2–3 проблемы, описанные выше.
---
### Author:  [@PaigeLynn](https://meta.discourse.org/u/PaigeLynn)
#### Post date: [13.Август.2019 19:55:18 UTC](https://meta.discourse.org/t/category-icons/104683/38 "2019-08-13T19:55:18Z")
Как мне убрать цветной маркер? Я пытался удалить его из категории, но теперь не могу сохранить.
---
### Author:  [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [13.Август.2019 20:02:28 UTC](https://meta.discourse.org/t/category-icons/104683/39 "2019-08-13T20:02:28Z")
Вам нужно изменить настройку сайта `category_style` на “none”
---
### Author:  [@md-misko](https://meta.discourse.org/u/md-misko)
#### Post date: [29.Август.2019 06:42:46 UTC](https://meta.discourse.org/t/category-icons/104683/41 "2019-08-29T06:42:46Z")
Планируется ли, что этот компонент будет также работать с подкатегориями _внутри_ каждого представления категории?
У меня есть подкатегории внутри категории со следующими настройками:
- показывать список подкатегорий выше тем в этой категории
- стиль списка подкатегорий: строки
Иконки отображаются только перед категорией и подкатегориями на странице /categories, но внутри самой категории иконки подкатегорий отсутствуют.
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [12.Сентябрь.2019 15:13:53 UTC](https://meta.discourse.org/t/category-icons/104683/42 "2019-09-12T15:13:53Z")
После обновления Discourse до последней версии сегодня мои кастомные SVG-изображения перестали отображаться. Я ничего больше не менял, поэтому, должно быть, возник конфликт из-за изменений в ядре.
---
### Author:  [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [12.Сентябрь.2019 15:42:44 UTC](https://meta.discourse.org/t/category-icons/104683/43 "2019-09-12T15:42:44Z")
У вас пропали все пользовательские иконки или только некоторые? Мне не известно о каких-либо недавних проблемах в ядре, связанных с пользовательскими иконками.
Попробуйте обновить SVG-спрайт (один из способов — добавить новый иконку в настройку сайта `svg icon subset`).
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [12.Сентябрь.2019 15:53:54 UTC](https://meta.discourse.org/t/category-icons/104683/44 "2019-09-12T15:53:54Z")
Все пользовательские SVG не отображаются, видны только бесплатные иконки FA. Я попытался добавить новую иконку, как было предложено, но это не помогло. Для справки: я выполнил пересборку, но в логах не нашёл ничего существенного. Также я пробовал повторно загрузить SVG-файл, но безрезультатно.
---
### Author:  [@oca](https://meta.discourse.org/u/oca)
#### Post date: [12.Сентябрь.2019 18:08:23 UTC](https://meta.discourse.org/t/category-icons/104683/45 "2019-09-12T18:08:23Z")
Спасибо всем вам за этот замечательный компонент.
Как вы думаете, его можно адаптировать для работы с календарём плагина Event? Тогда вместо маркеров в календаре отображались бы цветные иконки (что сделало бы его очень аккуратным и удобным для чтения!)
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [14.Сентябрь.2019 16:21:22 UTC](https://meta.discourse.org/t/category-icons/104683/46 "2019-09-14T16:21:22Z")
Ещё одна пересборка решила проблему, что довольно странно! Как всегда, спасибо, Penar!
[Предыдущая страница](https://meta.discourse.org/t/category-icons/104683.md?page=1)
[Следующая страница](https://meta.discourse.org/t/category-icons/104683.md?page=3)