Frequently accidentally clicking on the featured artworks

On this website I keep accidentally clicking on the featured artwork because I am aiming for something on the page while the page is still loading, and then the featured artwork pops up last, pushing what I am aiming for down and taking its place. This is on Firefox on Raspberry Pi.
If other people are having this issue I would suggest a solution where perhaps some thin tall simple image is a placeholder while the others load.

4 Likes

Yeah this started happening to me at some point too (it used to load without noticeable delay), and at some point annoyed me enough that I went with the sledgehammer solution: block the element (using uBlock Origin, filter krita-artists.org##.has-topics.tlp-featured-topics), so now I just don’t see the featured gallery :frowning:

Almost forgot it exists…but having more space for the rest is not that bad, actually, and the tag is pinned to the side bar (seems to be default now?), so I can easily access it whenever I want.

2 Likes

Same problem here!

Hi

I already had this problem too…

A more global feedback is since the forum has been moved to KDE servers, it’s pretty slow to load pages: on my phone I even can’t load them 80% of times whatever the browser I use :man_shrugging:
(and no, I don’t have any problem with my internet connection)

Grum999

1 Like

Yes, it is annoying.

If that row is fixed height, maybe it could be shown empty until the images load. That way the layout wouldn’t jump around.

2 Likes

Same.

It looks like the .tlp-featured-topics.has-topics div box has no height defined, and so, it waits for the content loaded to stretch and match their height (the thumbnails of the gallery). Because the thumbnails looks to be consistent 200px height (even on mobile or tablet responsive mode as far as I tested) a tweak to the css could solve that. Maybe if a website admin could add a solid height to this box, it would load without the ‘jump’. Something like this under:

.tlp-featured-topics.has-topics
{
  height: 200px;
}
5 Likes

This has caught me out a lot too - I go to click on ‘Artwork’ after returning to the front page, but then the banner expands as I do so and I click on ‘Support and Advice’ instead! :face_with_symbols_over_mouth:

I seem to have adapted to it now as I’m waiting a moment for it to load.

1 Like

Yes, it jumps for me too, so I make sure to wait a bit until it’s loaded before I tap on a link to whatever post I’m interested in.

Yes even I find this annoying. @Lynx3d had told me about this few months back and I had asked for a solution for this on the discourse forum with the plugin author and they said it is because the changes in the core discourse software. And they were ready to find a solution if paid, I forgot how much they asked I think it was more than 100 euro. I’ll check once again and confirm what they told me and update here.

Meanwhile I will try what @Deevad suggested with the css.

4 Likes

OK update:

I tried @deevad’s css and it doesn’t work :frowning:
the issue is probably that the div itself is generated with a delay

I will check other ways to fix this.

Meanwhile I checked the offer from the plugin author, it is $150 for fixing this.

2 Likes

That is hefty!

Michelist

Argh! Sorry for making you loosing time with this and I also feel sorry it doesn’t work. I agree about the delay: maybe a js somewhere changes the behavior of box and rewrite the CSS rule on the fly (something like a lazy loading, that wait for the thumbnails to be loaded to display them). I wish I could help!

Aah don’t be sorry. It is just a 5 minute trick to temporarily load custom css. So dont feel sorry.

I tried other ways too but it didn’t work.if anyone has more suggestions then they are welcome. Do not hesitate to give suggestions please.

1 Like

I prefer to see it invested into Krita’s improvement…

Looking how discourse work, many stuff are managed through workers so, loaded and built asynchronously (looking original source code page loaded, the plugin doesn’t appear)

Grum999

2 Likes

Perhaps this would work? (It’s working with the “Stylus” extension in Firefox, at least.)

.ember-view.discovery-list-container-top-outlet.featured-topics-discovery {
    display: block;
    height: 255px;
}

By the way, the 200px height on the div is actually making it shorter, it seems like it’s normally 235px when unset. (200px on the left top, 235px on the right bottom (I don’t know why they don’t display side by side?))
div-200px-fs8

Thanks I’ll try it. The actual height is 220 px

EDIT: @freyalupen I tried your css suggestion and it is not possible it gave me this error -

“Sorry – using #ember or .ember-view CSS selectors is not permitted, because these names are dynamically generated at runtime and will change over time, eventually resulting in broken CSS. Try a different selector.”