여러분 안녕하세요. 필터 드롭다운에서 태그 이름이 너무 길면 다음 줄로 줄바꿈되는 것을 확인했습니다. 이는 모바일 반응형 설계에 매우 좋은 점입니다. 하지만 카테고리 이름은 동일한 동작을 하지 않는 것 같습니다. 카테고리 이름이 너무 길면 필터 컨테이너를 벗어나 모바일 기기에서 레이아웃이 깨집니다.
이 문제를 설명하기 위해 두 장의 스크린샷을 첨부합니다:
4개의 좋아요
긴 카테고리 이름은 토픽 목록에서도 마찬가지로 넘칩니다. 아주 사소한 문제이고 관련이 약간 있어서 새 토픽을 만드는 대신 여기에 남깁니다 (필요하다면 이동해 주세요):
카테고리 이름은 짧게 두는 것이 이상적이며, 이런 현상은 처음 보는 것입니다.
6개의 좋아요
이 문제를 방지하기 위해 몇 가지 조정 사항을 추가했습니다.
긴 카테고리 이름과 관련된 추가적인 문제가 발생하면 알려주세요!
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개의 좋아요