토픽 목록 썸네일

[Ahmed26]

For topics without images, I only want the topic title to be visible. Is there a way to do this?

[dsims (Daniel)]

@jasedepuit

Specifically, is it possible to set it so the thumbnail is only displayed if an image is found to display? i.e. - rather than having a placeholder when there’s no image, just don’t display anything?

@Ahmed26

For topics without images, I only want the topic title to be visible. Is there a way to do this?

I was able to do this with a little CSS

.topic-list-thumbnail.no-thumbnail {
    display:none;
}

[Ahmed26]

@dsims

.topic-list-thumbnail.no-thumbnail {
    display:none;
}

Thank you very much, that’s exactly what I was looking for.

[ZAICOM]

Thanks to the authors. It is a great component.

There are some issues in masonry mode. When the thumbnails are retrieved from different ways, uploaded images, logos and images pulled from links and placeholder image, the current solution is using blur to take the unused width.

I think the better way is to use let thumbnail to take the whole width of the container and then let the height naturally take space while keeping image radio.

I tried to customize CSS but the issues like thumbnails and texts will conjuncture I cannot solve. I am expecting a newer version will solve it for me.

[xlg256 (Leo)]

정말 멋진 테마 컴포넌트를 만들어 주셔서 감사합니다, David Taylor님!

블로그 스타일에서 답글 수가 제대로 표시되지 않는 것 같습니다:

이 문제를 수정해 주시면 정말 감사하겠습니다. 감사합니다!!!

[awesomerobot (Kris)]

보고해 주셔서 감사합니다. 여기서 수정을 위해 업데이트를 적용했습니다: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub

[Ahmed26]

Discourse 포럼에서 Topic List Thumbnails(토픽 목록 썸네일) 구성 요소를 사용 중입니다. 모바일 뷰에서 추천 이미지가 없는 토픽은 기본/대체 썸네일 이미지를 표시하고 있습니다.

이미지가 없는 토픽은 썸네일 공간이나 왼쪽 여백 없이 일반적인 텍스트 전용 토픽 행으로 표시되도록 설정하고 싶습니다.

이를 위해 사용할 수 있는 설정, CSS 해결책 또는 테마 구성 요소 커스터마이징 방법이 있을까요?

[Ahmed26]

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;
}

[satonotdead]

Horizon에서 썸네일을 사용하는 데 대한 대안이 아직 없나요? 이 기능은 저희에게 필수이며, 테마를 정말 좋아합니다.

[Adur (user554)]

(삭제됨)

아니, 됐어.