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

Reduce font-size of intersection name on rank card #87

Closed danrademacher closed 6 years ago

danrademacher commented 6 years ago

Client request:

1- in the ranking page, could we reduce the size of the characters for the addresses? BUT NOT the borough… it shoudl be 20% smaller.

Not sure I get why she wants that, but some differentiation here is nice, and sounds easy enough to give it to her since we already split the borough and intersections out.

Here's a span around intersections at 14px (about 80% of 18px): image

gregallensworth commented 6 years ago

I added a sub-title behavior sort of thing to it, so a second line would be at 1.4rem instead of the 1.8rem used in the rest of the title.

I also reduced the line-height of these titles, so there's not as much empty space as in the depiction above.

Examples below, of Neighborhood rankcards (no subtitle) and Intersection rankcards (with subtitle).

2018-02-15 07_29_53-nyc crash mapper 2018-02-15 07_30_09-nyc crash mapper
danrademacher commented 6 years ago

Finally deployed this