Выпадающий список категорий не обрезается... для более длинных названий категорий

Свойство отображения выпадающего списка категорий не переносит и не обрезает (…) длинные названия категорий.

3 лайка

Чтобы сохранить прежний визуальный вид без изменения ширины, здесь может помочь добавление многоточия:

.name > .badge-wrapper .badge-category {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

image

2 лайка

спасибо, я думал стилизовать это через CSS, но ещё даже не пробовал. ты сэкономил мне время на поиски решения! :slight_smile: хорошая работа :clap:

2 лайка

@Lilly, это происходит в безопасном режиме? Просмотр более длинной категории здесь, на Meta, отображается как ожидается!

2 лайка

Я могу подтвердить, что это происходит в безопасном режиме

@isaac — я добавил скриншот

1 лайк

Я не проверял, но код CSS уже есть, моя ошибка.

Однако, похоже, что он выбирает название категории с маркером, а на Lilly Discourse маркера нет.

На meta:

Lilly:

Я убрал маркеры в обертках бейджей. Но ваш код сработал отлично.

Я знаю, что есть настройка для маркеров категорий, но мне нравится иметь детальный контроль над тем, где маркеры отображаются в разных темах.

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


Выпадающие варианты раньше обрезались?

@isaac Я убрал обертку для скрытия кода бейджа, а также код с многоточием, который предоставил @Arkshine. Сейчас я работаю в безопасном режиме с настройкой admin-settings- category style, установленной в значение none (без бейджей), но у меня всё ещё возникает та же проблема, что и на скриншоте безопасного режима выше. В безопасном режиме компоненты, в любом случае, не должны влиять на ситуацию.

1 лайк

Спасибо, @Lilly, да, я могу воспроизвести проблему сейчас! Спасибо!

2 лайка

Кстати, я разместил это в разделе UX, а не в разделе багов, поскольку это явно не функциональная или критическая проблема, а влияет только на внешний вид интерфейса в случае очень длинных названий категорий (и, как мы позже выяснили, на отсутствие маркеров-обёрток для бейджей).

Это исправлено здесь:

2 лайка

@awesomerobot — это просто супер :star_struck: спасибо!

2 лайка

Эта тема была автоматически закрыта через 15 часов. Новые ответы больше не принимаются.