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.
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
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.
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
(and no, I donât have any problem with my internet connection)
Grum999
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.
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;
}
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!
I seem to have adapted to it now as Iâm waiting a moment for it to load.
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.
OK update:
I tried @deevadâs css and it doesnât work
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.
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.
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
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?))
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.â