Page MenuHomePhabricator

[Story] Mobile/responsive menus
Open, NormalPublic

Description

As a user I would like to use query.wikidata.org on my mobile device, therefore the header and result menu and its contents should be displayed responsive and work good on mobile screens.

Header menu

Result menu

Details

Related Gerrit Patches:
wikidata/query/gui : masterMobile/responsive menus

Event Timeline

Jonas created this task.Jan 9 2017, 5:09 AM
Restricted Application added a project: Discovery. · View Herald TranscriptJan 9 2017, 5:09 AM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
mxn added a subscriber: mxn.Aug 10 2017, 3:17 PM
Restricted Application added a subscriber: PokestarFan. · View Herald TranscriptAug 10 2017, 3:17 PM
Jonas triaged this task as Normal priority.Jan 4 2018, 5:58 PM
Jonas added a project: Google-Code-in-2017.

So we are trying to make the drop-down menu become something like this drop-down menu right?

This would be helpful

eflyjason added a comment.EditedJan 7 2018, 5:36 AM

(Click to view this GIF)

Change 402625 had a related patch set uploaded (by Eflyjason; owner: Eflyjason):
[wikidata/query/gui@master] Mobile/responsive menus

https://gerrit.wikimedia.org/r/402625

The result view's dropdown should be working too.

eflyjason added a comment.EditedJan 7 2018, 10:35 AM

I changed the "Tools" from a dropdown item to a button. The design will be more consistent and also can work better on small screens.

Before:

After:

Change 402625 merged by jenkins-bot:
[wikidata/query/gui@master] Mobile/responsive menus

https://gerrit.wikimedia.org/r/402625

There is still a little glitch for me with the language selector:

There is still a little glitch for me with the language selector:

@Jonas: Could that be a Google-Code-in-2018 task potentially?