Commons help page is not mobile friendly

commons-app / apps-android-commons

The Wikimedia Commons Android app allows users to upload pictures from their Android phone/tablet to Wikimedia Commons

https://commons-app.github.io/

Apache License 2.0

1.01k stars 1.19k forks source link

Commons help page is not mobile friendly #2145

Open domdomegg opened 5 years ago

domdomegg commented 5 years ago

Summary:

At the end of the tutorial there is a 'More information' link which takes the user to the help pages of the commons site. This landing page has a load of boxes with fixed sizes which are annoying to browse on mobile, not a great experience.

Steps to reproduce:

Go to https://commons.m.wikimedia.org/wiki/Help:Contents on a mobile device

Screen-shots:

commons m wikimedia org_wiki_help_contents

Would you like to work on the issue?

Yes

nicolas-raoul commented 5 years ago

How do you plan to solve this? A first step could be to explain the problem on the talk page of that article. I am sure the developers thought this was already "mobile enough". I see two urgent responsive design problems:

Let the grey area be as narrow as the screen.
Make the yellow and blue areas go on top of each other rather than always being side-by-side.

domdomegg commented 5 years ago

Fixed the grey area as long as the width > 335px.

No idea how to deal with boxes given I don't think we can use media queries. Boring way would probably be simply removing the table layout and have boxes under each other in all scenarios.

Also might be an idea to have the languages be a dropdown or at least have the title at the top rather than on the side:

screenshot from 2018-12-17 11-08-59

domdomegg commented 5 years ago

In fact on mobile we can hide the translation box completely given that there's already a translate button in the header.

domdomegg commented 5 years ago

I've added a comment on the talk page. If nothing happens for a week may want to ask for help from the Help Desk or Village Pump.

sivaraam commented 4 years ago

I believe this has been fixed now. I could see that the page is reasonably mobile friendly now. Can we close this?

nicolas-raoul commented 4 years ago

The two yellow and blue columns (= the main content) are still a pain to read :-/ In the age of mobile upstream should really find a solution to make the boxes responsive.

sivaraam commented 4 years ago

Yeah, I agree the page doesn't provide the best mobile friendly experience yet. I believe we could file a task about this in phabricator:

https://phabricator.wikimedia.org/maniphest/task/edit/form/10/?title=&projects=mobile