Horizontal loading slider

Yes this is what I thought :slight_smile: But i think it should only use on bigger topics. Because otherwise when you click the topic title it goes to top immediately.

4 Likes

I don’t have the bar too in this situation.

1 Like

On Android the fade animation is a lot smoother on Firefox than on Chrome. That’s a first.

6 Likes

I’m on Chrome now.

Yeah there are still places where the spinner is OK. I don’t think we’re going for full removal of the spinner, only the logical places where the horizontal top progress bar makes more sense.

9 Likes

Docs keep the position what was the previous page and both loader appear between topics and filters.

4 Likes

I have this issue on iPhone DiscourseHub app. iPhone 11. iOS 14. It appears that you can see two lines going across the top with a new page loads.

(This is only when you swipe left and right to enter and exit another page)

6 Likes

I think this looks really nice in the PWA.

7 Likes

Does it make the PWA feel like a website rather than an app?

Great component, for me though, when changing page it leaves the page foggy and not fully loaded.

With…

Without slider…

1 Like

Is the intention that the spinner will be an official theme component?

1 Like

This is intentional. When loading 20% opacity is applied on the page.

4 Likes

Thanks for the reply ondrejj, yes the problem is the 20% opacity isn’t clearing.

1 Like

Make sure you’re on latest - I think a few changes were applied to core in order to make this work.

3 Likes

Nope no joy, it seems to be failing only on the category & topic pages. F5 clears it and every other page seems to work just fine.

2 Likes

Just a side note, but I recently remembered that XenForo has always had a loading slider. I’m glad to see that Discourse has something similar now. :slight_smile:

I’m wondering which will be much annoying when has poor network.

¡Great! :heart_eyes:

1 Like

You can simulate poor network conditions using the f12 console in Chrome, if you want to.

4 Likes

Update on iPhone 6s:

Looking very good with Dark theme now and many other themes on mobile.

Well done!

Update on Desktop:

Load slider still barely visible on Chromium with 27" and 34" ROG monitors.

Can we have a theme option to enable/disable based on mobile/desktop?

1 Like