Style updates - Githubissues

transitland / mobility-explorer

Understand transportation networks around the world using Transitland open data and Valhalla routing engine APIs

https://mobility-explorer.interline.com/

MIT License

39 stars 15 forks source link

Style updates #501

Open meghanhade opened 7 years ago

meghanhade commented 7 years ago

Incorporating feedback from @souperneon.

meghanhade commented 7 years ago

[x] h1 should use default h1 size, use Mapzen red #1 (class = "red-text")
[x] "visualize public.." remove color, make h3
[x] Use round button corners on show stops/routes/operators
[x] Round all four corners on expanded selection
[x] Use lighter purple on selected option
[x] Remove white order in selection box
[x] Try making side panel more narrow, if possible
[x] Change "update results" to search? (note: decided against this.)
[ ] Change default route line color
[ ] Check on status of style guide tooltips
[ ] Use the same markers as the isochrone demo, in scarlet 2 or purple 3
[x] Stops: use purple 3, dark purple 2 outline
[x] RSP stops: use scarlet 2

meghanhade commented 7 years ago

@souperneon I've made most of these changes. I haven't updated the default route line color yet--I need the color palette hex values to do that. When you have time, could you send those values, and take a look at the changes so far here: https://precog.mapzen.com/mapzen/mobility-explorer/style-updates. Thanks in advance!

souperneon commented 7 years ago

Looks great Meghan! Just realized the color values are in the styleguide! Doh https://mapzen.com/common/styleguide/design-elements.html#colors

The unofficial ones here: screen shot 2017-07-31 at 3 13 14 pm

souperneon commented 7 years ago

Also, @louh told me the tooltips are enabled in the styleguide… we haven't added them to the wiki yet but they should be usable!

louh commented 7 years ago

We have very light documentation on tooltips here: https://mapzen.com/common/styleguide/js-components.html#tooltip

They are based on Bootstrap tooltips, so refer to Bootstrap docs for additional information.

What we're still missing from our styleguide is how we want to apply tooltips for Mapzen things. If you're using them right now, we can use what you've learned as a base to start from.