Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New UI button opacity varies on mouseover #374

Closed
pnorman opened this issue Jul 21, 2013 · 7 comments
Closed

New UI button opacity varies on mouseover #374

pnorman opened this issue Jul 21, 2013 · 7 comments

Comments

@pnorman
Copy link
Contributor

pnorman commented Jul 21, 2013

opacity

You can't see my mouse cursor, but it's over zoom out. On mouse over the opacity changes. I suspect this is a bug. If it's intentional, it's really subtle and I'd suggest something stronger like darkening it.

@harry-wood
Copy link
Contributor

Yes it goes from semi-transparent to completely opaque white for the tool you are mousing over. Pretty sure that's the intended effect.

Maybe you have your monitor brightness set different to me, but it doesn't seem really subtle to me (either looking on the website, or in the screenshot you've posted) I mean I can't see why you would "suspect this is a bug".

@gravitystorm
Copy link
Collaborator

I think the problem here is that the mouseover effect depends too much on the map behind. For example, it's pretty noticeable if it's over the sea, but not if it's over blank land (screenshots from the transport map)

screenshot from 2013-07-23 18 11 48

If the mouseover effect is a useful visual cue (which I think it is) then it needs some thought as to how to make it work irrespective of backgrounds.

http://www.mapbox.com/osmdev/2013/07/19/implementing-osm-vision/ has three screenshots of the new UI, all over water. If it's been developed with mainly water / urban backgrounds, that might explain the hiccup over blank white-ish backgrounds.

@seav
Copy link
Contributor

seav commented Jul 23, 2013

I would suggest making the mouseover not just be opaque but be a different colour such as the shade of green used in most parts of the website.

@pnorman
Copy link
Contributor Author

pnorman commented Jul 24, 2013

Yes, I viewed it over land initially. I managed to screenshot over trees, but it's extremely subtle on empty areas on the Mapnik style, and even more so on the Transport style. I agree with opaque and shading, although I'd suggest blue instead of green, as blue is the commonly used colour for buttons, accents, etc

@gravitystorm
Copy link
Collaborator

It's best if we stick to detailing the problem, rather than suggesting which colour to paint the bikeshed roof!

@harry-wood
Copy link
Contributor

This seems to be FIXED & deployed.

The buttons on the live site are now white on a black background. Still does semi-transparent / opaque on mouseover, but hopefully clearer now even over a light background.

@tomhughes
Copy link
Member

Fixed by merge of #351.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants