Названия категорий не переносятся, как теги, из-за чего происходит переполнение на мобильных устройствах

[thaidb]

Всем привет, я заметил, что названия тегов в выпадающем списке фильтров могут переноситься на следующую строку, если они слишком длинные — это отлично для адаптивности на мобильных устройствах. Однако названия категорий, похоже, не ведут себя так же. Когда название категории слишком длинное, оно выходит за пределы контейнера фильтра, нарушая макет на мобильных устройствах.
Вот два скриншота, иллюстрирующие проблему:

[Canapin (Coin-coin le Canapin)]

@thaidb

Когда название категории слишком длинное, оно выходит за пределы контейнера фильтра, нарушая макет на мобильных устройствах.

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

Названия категорий в идеале должны быть короткими, и это первый раз, когда я столкнулся с таким поведением.

[awesomerobot (Kris)]

Я внес несколько изменений, чтобы избежать этого

UX: prevent long category names from overflowing on mobile topic list (#31335)

Дайте знать, если вы столкнётесь с ещё какими-либо проблемами с длинными названиями категорий!

[unknown_error]

@awesomerobot,

Кажется, проблема также касается названий категорий в постах «Предлагаемые» в нижней части темы.

Похоже, существует две отдельные, но связанные проблемы:

1. Если размер области просмотра уменьшается после первоначальной загрузки страницы, таблица не сжимается корректно:

Из-за этого table.topic-list выходит за пределы ширины #main-outlet-wrapper.

---

2. Кроме того, h3.more-topics__browse-more a.badge-category__wrapper не обрезает текст с многоточием (независимо от того, была ли страница мобильной при загрузке или была уменьшена), что также приводит к тому, что страница становится слишком широкой. Можно принудительно установить max-width: 80vw или около того, но это может иметь непредвиденные последствия на широкоформатных мониторах.

[Moin]

У меня сложилось впечатление, что проблема с длинными названиями категорий в списках тем всё ещё существует.
Вот что я вижу на https://forums.cfl.ca/filter?q=category%3Acanadian-grassroots-football%20. Название категории обрезается, но дата всё ещё слишком далеко справа.

Кроме того, в чате возникает проблема при упоминании категорий с длинными названиями