UI
avatar mbabker
mbabker
19 Dec 2014

The more languages we get, the longer that dropdown gets. Any suggestions on improving the design/layout of the language switcher?

screen shot 2014-12-19 at 1 46 01 pm

avatar mbabker mbabker - open - 19 Dec 2014
avatar mbabker mbabker - change - 19 Dec 2014
Labels Added: UI
avatar b2z
b2z - comment - 20 Dec 2014

May be two columns? This will be enough for the nearest time. Or we could implement some kind of searching in dropdown like for the CMS?

avatar allenzhao
allenzhao - comment - 20 Dec 2014

What about a dropdown with a slider bar?

avatar mbabker
mbabker - comment - 20 Dec 2014

Both options are viable. Just keep in mind usability on mobile too (even if it isn't the main interface we'd expect folks to use); that screenshot was emulating an iPhone 4's display.

avatar brianteeman
brianteeman - comment - 20 Dec 2014

How about something like
http://semantic-ui.com/modules/dropdown.html#search-dropdown

On 20 December 2014 at 15:18, Michael Babker notifications@github.com
wrote:

Both options are viable. Just keep in mind usability on mobile too (even
if it isn't the main interface we'd expect folks to use); that screenshot
was emulating an iPhone 4's display.


Reply to this email directly or view it on GitHub
#582 (comment).

Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/

avatar elkuku
elkuku - comment - 20 Dec 2014

How about a modal window that might even contain the full language name as well as all the additional info that Transifex provides?

I believe modals also display ok on mobile devices (I just tested with my "old" phone..)

avatar mbabker
mbabker - comment - 20 Dec 2014

I don't think modals are that great with accessibility from what little I actually do know on the subject. So the dropdown option would be a better choice from that perspective.

avatar b2z b2z - assigned - 2 Mar 15
avatar b2z
b2z - comment - 2 Mar 2015

I like what @brianteeman has proposed. Will try to implement.

avatar b2z b2z - close - 23 Mar 2015

Add a Comment

Login with GitHub to post a comment