rapidpro / chpro-microsite

BSD 3-Clause "New" or "Revised" License
0 stars 0 forks source link

Need inline link colors #85

Closed mtrythall closed 6 years ago

mtrythall commented 6 years ago

They're using the default blue from Foundation. Perhaps Navy?

Example: https://unicef-rapidpro-for-health.herokuapp.com/functions/

screenshot 2018-04-24 22 35 57

mtrythall commented 6 years ago

@russelq Any thoughts on this?

mtrythall commented 6 years ago

Sorry, should say, we're going with the Navy color. Any issues there?

mtrythall commented 6 years ago

Here's how Navy looks

screenshot 2018-04-26 12 09 28

Links don't jump out. Maybe a thicker border, different color?

sodevious commented 6 years ago

Here's light navy

screenshot 2018-04-26 12 11 43
sodevious commented 6 years ago

And with a border that stands out a little more

screenshot 2018-04-26 12 13 20
russelq commented 6 years ago

I like border-bottom more than text-underline

mtrythall commented 6 years ago

Let's go with border-bottom and play with the weight of it. 2px? 3px?

Not sure about the light, seems inactive/visited.

russelq commented 6 years ago

Good point on the light color.

This is sort of my go-to approach with text links, but I like to use border-bottom, with a 1px (or 2px) weight and dotted-line. If you use the dark navy color with that approach, the line should be prominent but still somewhat subtle.

sodevious commented 6 years ago

how's this?

screenshot 2018-04-26 14 27 58
mtrythall commented 6 years ago

Colors look good. I made the border disappear on hover, but there's a flicker. Need to address.