Длинные названия категорий

У нас как раз есть особенно длинные названия категорий, которые это выявили:

Может быть, стоит добавить max-width для этого элемента? Я считаю, что допустимо, если название обрезается, так как полное имя можно увидеть, открыв выпадающий список.

1 лайк

Привет, Пауло,

По умолчанию, я думаю, оно должно обрезаться. Используете ли вы какие-либо пользовательские стили CSS?

Редактирование: Да, это уже предусмотрено в CSS по умолчанию. Проверьте свои стили CSS и добавьте этот код, если его нет.

.badge-wrapper .badge-category .category-name {
    text-overflow: ellipsis;
    overflow: hidden;
}
1 лайк

У нас есть немного пользовательского CSS, но он довольно простой и не должен влиять на это. Тем не менее, я отключил нашу пользовательскую тему с помощью безопасного режима, и проблема осталась.

После дополнительных тестов я заметил, что это происходит только в зависимости от доступного пространства. При изменении ширины доступного окна просмотра всё работает нормально:

Или, если в Discourse включены теги, всё тоже работает:

Но если есть широкое пространство для поля категории (и если теги не включены), оно может перекрывать предпросмотр.

1 лайк

Я понимаю, что вы имеете в виду, и могу воспроизвести проблему, если удалить или переопределить max-width: 100%; в этой строке:

#reply-control .category-input .category-chooser {
    display: flex;
    flex: 1 0 auto;
    max-width: 100%;
    width: auto;
}

В противном случае название категории будет обрезано с помощью ... в конце.

1 лайк

Думаю, я исправил это в прошлом месяце… Вы недавно обновляли Discourse?

5 лайков

Прошу прощения, мне следовало проверить, пройдены ли тесты, прежде чем сообщать об этом. Вы правы, это, похоже, проявляется только в последней стабильной версии, поэтому эту тему можно закрыть.

1 лайк