GreenInfo-Network / nyc-crash-mapper-chart-view

Chart view for NYC Crash Mapper that allows for viewing Trends, Comparing, and Ranking of various NYC geographies
http://vis.crashmapper.org
MIT License
2 stars 1 forks source link

Why are the main navs so slightly different? #86

Closed danrademacher closed 6 years ago

danrademacher commented 6 years ago

Client has noted multiple times that the color and weight of nav is slightly different between the two apps. I just did yet another review of CSS and they look the same.

I thought it might be the variable map bg vs solid light gray creating that illusion.

But here;'s a test with same bg behind both: image

the one on the left is darker. And yet both appear to be set to the same size, color, and transparency.

Any idea what's going on here?

gregallensworth commented 6 years ago

Commit 87ea148 brings a workaround: increasing the opacity component of the RGBA code from 0.7 to 0.8 rgba(23, 131, 143, .8)

The CSS for them is indeed identical at every stage, and the containers don't have any opacity changes either. This could be some behavior within the browser and beyond the CSS, of trying to do color blending?

The workaround above gives the visual effect we're aiming for, though: the increased opacity gives the color a darker end result, visually.