Свойство отображения выпадающего списка категорий не переносит и не обрезает (…) длинные названия категорий.
Чтобы сохранить прежний визуальный вид без изменения ширины, здесь может помочь добавление многоточия:
.name > .badge-wrapper .badge-category {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

спасибо, я думал стилизовать это через CSS, но ещё даже не пробовал. ты сэкономил мне время на поиски решения!
хорошая работа ![]()
@Lilly, это происходит в безопасном режиме? Просмотр более длинной категории здесь, на Meta, отображается как ожидается!
Я не проверял, но код CSS уже есть, моя ошибка.
Однако, похоже, что он выбирает название категории с маркером, а на Lilly Discourse маркера нет.
На meta:
Lilly:
Я убрал маркеры в обертках бейджей. Но ваш код сработал отлично.
Я знаю, что есть настройка для маркеров категорий, но мне нравится иметь детальный контроль над тем, где маркеры отображаются в разных темах.
Думаю, это и есть причина вашей проблемы, или, по крайней мере, это негативно влияет на работу. В последней версии Discourse:
Выпадающие варианты раньше обрезались?
@isaac Я убрал обертку для скрытия кода бейджа, а также код с многоточием, который предоставил @Arkshine. Сейчас я работаю в безопасном режиме с настройкой admin-settings- category style, установленной в значение none (без бейджей), но у меня всё ещё возникает та же проблема, что и на скриншоте безопасного режима выше. В безопасном режиме компоненты, в любом случае, не должны влиять на ситуацию.
Спасибо, @Lilly, да, я могу воспроизвести проблему сейчас! Спасибо!
Кстати, я разместил это в разделе UX, а не в разделе багов, поскольку это явно не функциональная или критическая проблема, а влияет только на внешний вид интерфейса в случае очень длинных названий категорий (и, как мы позже выяснили, на отсутствие маркеров-обёрток для бейджей).
Это исправлено здесь:
@awesomerobot — это просто супер
спасибо!
Эта тема была автоматически закрыта через 15 часов. Новые ответы больше не принимаются.






