Topic List Previews (legacy)

Thank you, I do much prefer the plugin since it offers a bit more customization per category than the theme component.

2 Likes

When we change the width/height for thumbnails, it says we have to rebake posts. I’m using rake posts:rebake.

I’m just wondering if there a command whichI can rebake posts that only have thumbnails or do I have rebake every post each time I change the thumbnail size or even rebake all posts in a specific category?

1 Like

Use CSS on mobile (eg max-width: see a few posts back)

On desktop use the height and width plugin settings.

Thumbnail resolution is taken care of by the resolution level plugin setting. This is not the same as size.

Rebake sets up the thumbnails in discourse. If you’ve done this once you don’t need to do it again. Ever. Unless the available resolution levels are changed in the plugin (unlikely)

1 Like

I’m changing the height and width in the plugin settings for desktop. I made it as small as 3px to see if it would change anything. Then rebaked posts, but no change in thumbnail size.

image

1 Like

Don’t use px just the number.

Apologies the rebake advice there is out of date!

1 Like

I’m afraid even just using the number does nothing after I apply it.
image

I’m trying to basically reduce the thumbnail size here: Decks - Duelists Unite

It hasn’t changed regardless of the number I put.

1 Like

How about 50 for width and leave the second blank? Working for me.

btw, for Tiles layout, both are irrelevant (width determined by browser window and number of columns, height determined by aspect ratio of image).

Also note these settings only take effect when viewing ONLY that category.

1 Like

Hmm, maybe that’s why it doesn’t change. I’m using Tiles layout. I’m only viewing this category. I changed the width to 20 and left height blank. No change.

I do think I can just add some more transparent pixels on my thumbnail image to shrink it. That might work.

1 Like

Yeah these settings make no sense for Tiles. Tiles automatically switches from 3 to 2 to 1 columns as you reduce the browser/device width. The thumbnails take up the full width (minus slight padding) of the columns. Makes no sense to shrink them - it would look terrible.

I designed Tiles after many prototypes to limit max number of columns to 3 as any more is very hard to follow on a computer screen.

The settings exist to help you tailor the non-tiles view so you can determine how much width the thumbnails take up in your list.

1 Like

So the only way to have smaller “tiles” is via CSS I’m assuming?

You can have a go, but it wouldn’t be supported. You are likely to hit issues with too much meta getting crushed.

4 columns is quite hard to read I found. I remember a user of one of my sites complaining there was more than 1 column! lol

That said, here’s the default CSS, I trust you can work out the pattern. Fill your boots!:

  .tiles-grid-sizer,
  .tiles-grid-item {
    // 1 column on very thin views
    width: 100%;
    // 2 columns on medium widths
    @media screen and (min-width: 501px) and (max-width: 800px) {
      width: calc((100% - 6px)/2);
    }
    // 3 columns when there is room
    @media screen and (min-width: 801px) {
      width: calc((100% - 12px)/3);
    }
  }
4 Likes

Hey @merefield,
Do you recommend using the theme component for a production website? Do you still consider it experimental?

If I uninstall the plugin and install the theme component, will my thumbnails be preserved?
If no, is there a way to do a smooth transition between the plugin and the theme component?

2 Likes

The data source shouldn’t be affected. Switch between the two at will.

The Theme Component is faster but the Tiles mode relies on a renderer that bugs out on Chrome if you scroll down past ~10 desktop-sized pages (extremely unlikely on mobile!). The related Chrome issue still hasn’t been closed. This is the only reason it’s still marked as ‘experimental’.

On the plus side the Theme Component’s Tiles mode can handle side bars, the plugin’s can’t, but the masonry renderer on the plugin might be considered by some as a little more ‘elegant’ as it is animated, the Theme Component’s Tiles view is not.

On balance I personally prefer the Theme Component because it is lighter weight, uses much less javascript in the Tiles mode and quicker.

2 Likes

Thanks for the detailed answer.
Can you add the link to the theme component somewhere in the topic? It might be handy, I only found it here:

2 Likes

I am using TLP plugin. The portfolio button on the user card is not shown in mobile devices? Is there a setting to enable this?

1 Like

@merefield We’re in the first 5 days of the month again! :tada: Are you aware of any issues with TLP and the latest Discourse version? I’m ready to start testing again :slight_smile:

3 Likes

We are indeed. I’m not aware of any serious breaking issues.

3 Likes

The upgrade went fine!

2 Likes

I have a small issue with the theme component.
Upon categories page loading (full app load, not just clicking on “categories”), I have a js error:

GET https://canapin.win/tags/.json 404

image

1 Like

Have you a setting missing a tag?

1 Like