Page MenuHomePhabricator

As a user i want elegant ways to load cards on feed
Closed, DeclinedPublic

Description

We need to have better way to load cards on the feed also think about what perceived performance improvements we can do while loading.

Event Timeline

Nirzar claimed this task.
Nirzar raised the priority of this task from to Needs Triage.
Nirzar updated the task description. (Show Details)

@JMinor @BGerstle-WMF

So here's a first rough cut around this.
https://dl.dropboxusercontent.com/spa/tuyaic6q75gkcv4/Exports/feedloading/feedloading.html
Refresh the page to see the transition again

https://vid.me/ME6Q
see it in full screen :)

I want to re-use the titlebar for loading indicator.

Also we can do the same whenever we need a "page loader"

article-loading.png (1×750 px, 35 KB)

the W and and loading circle can swap places. it can be a continues way of loading things.

More ever, we can do the pull-to-refresh pattern in the same way, where you pull down the scrollview and the W get's pulled down and the loader comes from top and starts loading when you release.
I will make a video for that too.

If the image is not there after the card is loaded, then the placeholder block will fold nicely.

I think between the placeholder graphics and the network indicator its currently clear the feed is loading.