안녕하세요!
커스텀 테마를 개발하고 있습니다. 현재 "데스크톱 카테고리 페이지 스타일"은 Categories와 Latest Topics로 구성되어 있습니다. Categories 섹션을 카드 형태로 보이도록 스타일링을 시도하고 있는데(불행히도 테이블로 구성되어 있어 테이블과 씨름하고 있는 중입니다), Categories 섹션에서 Topics 열과 읽지 않은/새로운 메시지 표시를 원하지 않는다는 점을 발견했습니다. "데스크톱 카테고리 페이지 스타일"에서 Topics와 읽지 않은/새로운 메시지 부분을 모두 제거할 수 있는 설정이 있을까요? 현재 테이블 셀의 해당 섹션에 display: none 로직을 적용해 보고 있지만, 읽지 않은/새로운 메시지 때문에 계속 문제가 발생합니다.
미리 감사드립니다!
.category-list .topics {
display: none;
}
이렇게 하면 도움이 될까요? 이렇게 하면 빨간색 박스로 표시한 부분이 제거됩니다.
@ondrej님, 답변해 주셔서 감사합니다! 약간은 도움이 되네요.
저희 레이아웃은 https://meta.discourse.org/categories와 비슷해 보이지만, 카테고리 디자인을 카드 형태로 바꾸려 하고 있습니다. display:none을 사용하면 어느 정도 효과가 있지만, Categories가 거대한 table 요소이기 때문에 토픽이나 읽지 않은/새 메시지가 있을 때에도 여전히 공간을 차지합니다. 그래서 display: none을 적용해도 작은 흰색 간격이 남는 것을 보실 수 있습니다.
해결책을 찾았지만, 이를 완전히 제거할 수 있는 설정 옵션이 있는지 기대하고 있었습니다.
제 해결책:
height: 160px)를 포함하는 <tr>의 높이를 설정합니다. 이 속성과 함께 overflow: hidden도 설정합니다.<td>의 높이를 <tr>의 높이와 동일하게 설정합니다.<td>의 높이를 0으로 설정합니다.최선의 해결책은 아니지만, 당장은 잘 작동했습니다.