Hi everyone, I’ve noticed that tag names in the filter dropdown can wrap to the next line if they’re too long, which is great for mobile responsiveness. However, category names don’t seem to have the same behavior. When a category name is too long, it overflows the filter container, breaking the layout on mobile devices.
Here are two screenshots to illustrate the issue:
4개의 좋아요
Long category names also overflow on the topic list. Because it’s very minor and slightly related, I’ll leave this here instead of creating a new topic (feel free to move it if necessary):
Category names should ideally be short and it was the first time I saw this behavior.
6개의 좋아요
I’ve added some adjustments to avoid this
https://github.com/discourse/discourse/pull/31335
let us know if you encounter any more problems with long category names!
3개의 좋아요
이 문제는 스레드 하단의 “추천” 게시물에서 카테고리 이름과 관련이 있는 것 같습니다.
서로 별개이지만 관련이 있는 두 가지 문제가 있는 것 같습니다:
- 초기 페이지 로드 후 뷰포트 크기가 줄어든 경우, 테이블이 올바르게 축소되지 않습니다:
이로 인해 table.topic-list가 #main-outlet-wrapper의 너비를 초과하게 됩니다.
- 별도로,
h3.more-topics__browse-more a.badge-category__wrapper는 (페이지가 페이지 로드 시 모바일 크기로 설정되었거나 축소되었는지에 관계없이) 잘림 처리(ellipsis)가 되지 않습니다. 이 또한 페이지가 너무 넓어지는 원인이 됩니다.max-width: 80vw또는 그 정도 값으로 강제할 수는 있지만, 넓은 모니터에서 의도하지 않은 결과를 초래할 수 있습니다.
1개의 좋아요
주제 목록에서 긴 카테고리 이름에 여전히 문제가 있는 것 같습니다.
https://forums.cfl.ca/filter?q=category%3Acanadian-grassroots-football%20 에서 확인되는 내용입니다. 카테고리 이름은 잘려 나갔는데, 날짜는 여전히 오른쪽으로 너무 멀리 배치되어 있습니다.
채팅에서 긴 이름의 카테고리를 언급하는 것도 문제가 됩니다.
1개의 좋아요