Topic List Previews (TLP)

@merefield - i want to apologize for the inconvenience for not testing thoroughly enough - the trouble came from the unmaintened TC Topic Banners component - i did not realize that it was set to unmaintained some time ago. and it interfered somehow with your TC.

do you think i should suggest a new discourse feature to show the TC status in the respective admin panel?

1 Like

No problem. I think the core team has already made some efforts to improve that situation. I’m not sure if there is more they can do but in any case don’t worry. Sometimes it’s hard to tell where the issue is coming from :).

I seem to have a problem that once I infinity load the topic list - the layout is broken - to verify simply open this URL - use theme toggle (left bottom) and switch to retro and scroll all topics until you find the problem: https://neidan.discourse.group

Screen:

As you can see in the screen the layout is broken after the infinity load… the thumbs and all is mashed together…

The forum is officially hosted by discourse so there is a very low amount of plugins and modification.

I cannot recall having this obvious problem before - it must have happened with an update…

1 Like

Curious. And no errors in the console. I will take a look when I get chance. Thanks for the report. (nice looking site btw :slight_smile: )

(FYI The lack of native Masonry rendering in the browser is an annoying omission that forces us to write more fragile Javascript. This Theme Component is over 8 years old now and in all that time they are still arguing over the implementation!)

I can repro. Looks like this broke https://starzen.space too after an update.

Try that for size (I think it may be related to the size calculation when off-screen - a workaround existed but was restricted to Firefox)

Please update and let me know if it resolves your issue.

Hello! Thanks for the quick fix! It seems to work - it seems like a workaround though because the first millisecond I see the same problem but then it readjusts itself. However the results work for now. thank you!

1 Like

Oh it’s more than a ā€œworkaroundā€ in that sense. The JavaScript is designed not to impose too much. If it ran more often it would waste energy. It’s a compromise until masonry is supported by CSS …

I see! thanks a lot for the quick fix! :slight_smile: I will stay with your component and hope it will happen soon.

Don’t hold your breath haha

2 Likes

one last thing I noticed the mobile view on my iPhone 13mini is a little more off than usual - here a screenshot

this is definitely worse than before. any way to fix this? Text and Image go way beyond the border.

@patrickemin you could try this css too:

.tiles-style .topic-list-item.tiles-style  {
    background-color: var(--primary-very-low);
}

to give you a simple background colour to help differentiate the tiles.

then you would not need the sidecar plugin.

For sure it can be fixed with CSS. If you need help Marketplace

The Component is open source and there is no subscription, but I’m afraid my free support is limited as I’m a busy guy.

I’m not seeing that issue on either of the sites listed in the OP? (feel free to confirm on your device) Suspect it may relate to the special requirements of your specific theme.

Thanks, but all tiles are affected ? Ideally only one tile on two (even tiles) would be with this background, but I guess this is not possible with CSS ?

I would recommend hiring someone if you have special needs Marketplace

1 Like