У нас как раз есть особенно длинные названия категорий, которые это выявили:
Может быть, стоит добавить max-width для этого элемента? Я считаю, что допустимо, если название обрезается, так как полное имя можно увидеть, открыв выпадающий список.
У нас как раз есть особенно длинные названия категорий, которые это выявили:
Может быть, стоит добавить max-width для этого элемента? Я считаю, что допустимо, если название обрезается, так как полное имя можно увидеть, открыв выпадающий список.
Привет, Пауло,
По умолчанию, я думаю, оно должно обрезаться. Используете ли вы какие-либо пользовательские стили CSS?
Редактирование: Да, это уже предусмотрено в CSS по умолчанию. Проверьте свои стили CSS и добавьте этот код, если его нет.
.badge-wrapper .badge-category .category-name {
text-overflow: ellipsis;
overflow: hidden;
}
У нас есть немного пользовательского CSS, но он довольно простой и не должен влиять на это. Тем не менее, я отключил нашу пользовательскую тему с помощью безопасного режима, и проблема осталась.
После дополнительных тестов я заметил, что это происходит только в зависимости от доступного пространства. При изменении ширины доступного окна просмотра всё работает нормально:
Или, если в Discourse включены теги, всё тоже работает:
Но если есть широкое пространство для поля категории (и если теги не включены), оно может перекрывать предпросмотр.
Я понимаю, что вы имеете в виду, и могу воспроизвести проблему, если удалить или переопределить max-width: 100%; в этой строке:
#reply-control .category-input .category-chooser {
display: flex;
flex: 1 0 auto;
max-width: 100%;
width: auto;
}
В противном случае название категории будет обрезано с помощью ... в конце.
Думаю, я исправил это в прошлом месяце… Вы недавно обновляли Discourse?
Прошу прощения, мне следовало проверить, пройдены ли тесты, прежде чем сообщать об этом. Вы правы, это, похоже, проявляется только в последней стабильной версии, поэтому эту тему можно закрыть.