Topic Cards

[icaria36]

Topic Cards with the additional icons and extra CSS to remove the “published” date, add round corners to the right side of the image, and decrease the radios. Also adding @bloomexperiment’s CSS to better handle vertical alignment with images of different aspect ratios. The whole combo looks verrrry nice, and informative.

Now I’m asking around how feasible it is to add the category image whenever the topic has no image.

[eisammy (Dreadwhole)]

Views, date and replies count its a reality to this component?

[icaria36]

Not yet, but see Add icons for Views and Replies, and Last Activity date in Topic Cards.

[chapoi (Charlie)]

In regards to the default height of the cards: this commit should address some of the issues. It increases the height to 275px, as suggested by @icaria36, but scoped to desktop only.

I’ve also added a setting to turn off max-height completely, which should work out in most cases to just let the card grow to accommodate most images; and a setting to choose a different max-height.

Hope this addition helps out!

[huynhthai824 (Sora &\)]

I used Airtheme,

1. How can i hide User area? Hide Users Column theme component not effect!

2. How Hide Activity Column, Currently it is duplicated
   

   

3. How setup ratio thumbnail 16:9
   

   
   
   
   

Thank you!

[RGJ (Richard - Communiteq)]

That hide users theme component might be conflicting.

Try this theme component together with topic-cards to hide the activity and username.

[huynhthai824 (Sora &\)]

@RGJ

Try this theme component together with topic-cards to hide the activity and username.

Thank for your theme component but it not activity in my site

[huynhthai824 (Sora &\)]

How can we display thumbnails on both desktop and mobile interfaces in 16:9 ratio
Currently 16:9 ratio is only displayed on mobile interface

[kywalker]

Hi folks, new to building in Discourse and I’m building out a community for a professional association. I’d like the topic cards to show first and last name rather than username. Is that possible?

[Heliosurge (Dan DeMontmorency)]

I believe it should depending on site settings. If you have an instance setup you can test. Otherwise you may need to use in addition some CSS to make it so

[Moin]

I think at the moment the username is used and there is no setting to change that.

discourse/discourse-topic-cards/blob/main/javascripts/discourse/templates/topic-op.hbr#L5

Though this could probably be added either by a setting in the component or by relying on the prioritize username in ux site setting.

[kywalker]

Unfortunately even with changing the prioritize username in ux site setting adjusted, it still shows the usernames on the cards. Is there any way I can adjust by adding in a custom component?

[jrgong]

Would it be possible to show only pinned topics in Topic cards?

[JBM]

Thank you for this great component.

Something strange is happening on my installation:

When I click, for example on a category:

I get these topics in a somewhat compressed format, without images and proper presentation:

I need to refresh the page to get the proper presentation:

i have this on various browsers.

Do you have any idea what could be causing this?

tks

[JBM]

ok i found the conflict!!

Which is a conflit with the “hide users column”: to be deactivated.

indeed…

@Discourse

This theme component may cause conflicts with other customisations to the topic list