Horizontal loading slider

theme-component
102

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
103

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

1 Like
104

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

6 Likes
105

I’m on Chrome now.

106

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
107

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

4 Likes
108

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
109

I think this looks really nice in the PWA.

7 Likes
110

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

111

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

With…

Without slider…

1 Like
112

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

1 Like
113

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

4 Likes
114

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

1 Like
115

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

3 Likes
116

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
117

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:

118

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

119

¡Great! :heart_eyes:

1 Like
120

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

4 Likes
121

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