Topic List Thumbnails

[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)]

Thank you so much, David Taylor, for such an amazing theme component!

In the blog style, it seems that the reply count is not working:

Really appreciate if you can fix this, many thanks!!!

[Ahmed26]

(post deleted by author)

[awesomerobot (Kris)]

Thanks for reporting this, I’ve just made an update to fix it here: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub

[Ahmed26]

I’m using the Topic List Thumbnails component on my Discourse forum. On mobile view, topics without a featured image are displaying a default/fallback thumbnail image

Show image-less topics as a normal text-only topic row, without any reserved thumbnail space or left-side gap.

Is there a setting, CSS solution, or theme component customization that can achieve this?