The news page loads articles in a pretty glitchy way. Articles are loaded in the top left corner of the page and brought down to bottom. This creates brief overlap of articles, which can be pretty hard to read for mobile users.
The 'more' button also does not do enough to justify keeping it since users scroll down to the bottom of the page to get to it anyway.
Changes
Remove the 'more' button
Set new articles with a class that makes them invisible to users until they have already loaded and are properly sorted
Purpose
The news page loads articles in a pretty glitchy way. Articles are loaded in the top left corner of the page and brought down to bottom. This creates brief overlap of articles, which can be pretty hard to read for mobile users.
The 'more' button also does not do enough to justify keeping it since users scroll down to the bottom of the page to get to it anyway.
Changes
Desktop![uq8lnxbvyg](https://user-images.githubusercontent.com/19379783/34500739-0363a6e4-efda-11e7-998a-ef5dd79c1d33.gif)
Mobile![7c3to8lfjm](https://user-images.githubusercontent.com/19379783/34500796-41f0e6e2-efda-11e7-9a16-c51ac2dc56e2.gif)
Ticket
https://openscience.atlassian.net/browse/EOSF-966