When loading https://donate.wikimedia.org/wiki/Ways_to_Give in Firefox 61.0.1 and Safari 9.1.1, a slider appears briefly below the list of translations available at the top, but then disappears. I am able to click and drag the whole list left or right, but it's a little counterintuitive. Would it be possible to make the slider stick, or insert an easier way to see the translations available on the right side of the list?
Any thoughts? I think we're better using an icon since it won't need more translations and can take a consistent amount of space, although I'm not sure if this is the best one.
- add a hover effect and better cursor
- change the icon when expanded
- tweak the spacing on mobile
- try and hide the icon when there are few languages and it's unneeded
This is awesome (and even keyboard accessible) @Pcoombe!
The only suggestion I have is to change the icon’s rotation when expanded. Instead of ’transform: rotate(-90deg);’ I’d set it to ’’transform: rotate(90deg);’. It’s debatable but I find its movement more natural with ’90deg’, see video below: