이미지가 없는 주제의 경우, 주제 제목만 표시되기를 원합니다. 이렇게 할 수 있는 방법이 있을까요?
조금의 CSS로 이 문제를 해결할 수 있었습니다.
.topic-list-thumbnail.no-thumbnail {
display:none;
}
1개의 좋아요
정말 감사합니다. 제가 찾고 있던 바로 그것이었어요.
게시물이 기존 주제에 병합되었습니다: 주제에 이미지가 없는 경우 테마 구성 요소 주제 목록 섬네일에서 콘텐츠 발췌물을 표시하는 방법?
저작자분들께 감사드립니다. 훌륭한 컴포넌트입니다.
마조너리 모드에서 몇 가지 문제가 있습니다. 썸네일이 업로드된 이미지, 로고, 링크에서 가져온 이미지, 플레이스홀더 이미지 등 다양한 방식으로 가져와질 때, 현재 솔루션은 블러 효과를 사용하여 사용되지 않은 폭을 채우고 있습니다.
더 나은 방법은 썸네일이 컨테이너의 전체 폭을 차지하도록 하고, 이미지의 종횡비를 유지하면서 높이가 자연스럽게 공간을 차지하도록 하는 것이라 생각합니다.
CSS를 커스터마이징해 보았지만, 썸네일과 텍스트가 겹치는 문제를 해결하지 못했습니다. 새로운 버전에서 이 문제가 해결되기를 기대하고 있습니다.
1개의 좋아요
게시물 2개가 새 주제로 분리되었습니다: 모바일에서 썸네일 비활성화 시 모바일 보기 깨짐
정말 멋진 테마 컴포넌트를 만들어 주셔서 감사합니다, David Taylor님!
블로그 스타일에서 답글 수가 제대로 표시되지 않는 것 같습니다:
이 문제를 수정해 주시면 정말 감사하겠습니다. 감사합니다!!!
1개의 좋아요
보고해 주셔서 감사합니다. 여기서 수정을 위해 업데이트를 적용했습니다: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub
2개의 좋아요
Discourse 포럼에서 Topic List Thumbnails(토픽 목록 썸네일) 구성 요소를 사용 중입니다. 모바일 뷰에서 추천 이미지가 없는 토픽은 기본/대체 썸네일 이미지를 표시하고 있습니다.
이미지가 없는 토픽은 썸네일 공간이나 왼쪽 여백 없이 일반적인 텍스트 전용 토픽 행으로 표시되도록 설정하고 싶습니다.
이를 위해 사용할 수 있는 설정, CSS 해결책 또는 테마 구성 요소 커스터마이징 방법이 있을까요?
Claude AI로 해결책을 찾았습니다
/* 이미지 없는 토픽에서 모바일 뷰의 썸네일 숨기기 */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
display: none !important;
}
/* 이미지 없는 토픽의 그리드 레이아웃 수정 (썸네일 컬럼 없음) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
grid-template-columns: auto 15% !important;
grid-template-areas:
"title replies"
"data data" !important;
}
1개의 좋아요
Horizon에서 썸네일을 사용하는 데 대한 대안이 아직 없나요? 이 기능은 저희에게 필수이며, 테마를 정말 좋아합니다.
1개의 좋아요
(삭제됨)
아니, 됐어.