search

USEPA / EPA_Non-geo_Metadata_Editor

3 stars 0 forks source link

Add subtle hover effect for element titles to hint that they're clickable #90

Open torrin47 opened 5 years ago

torrin47 commented 5 years ago

Recognizing that Vue doesn't support css :hover without jumping through a few hoops, it's something Ana Greene would really like to see.

torrin47 commented 5 years ago

Here's where I learned that :hover wasn't a thing in Vue:

http://michaelnthiessen.com/hover-in-vue/

aergul commented 5 years ago

Looks like we already had hover effects (green background) in the intro section for clickable links. For consistency, I applied the same to the element titles though open to alternatives.

torrin47 commented 5 years ago

Hrm. I can't say I'm a fan of the green in either case. My vision was something along these lines:

.q-card-title :hover {
     background-color: #aaa
}

so that the whole grey header slightly changes color, not just the text. The simple grey background color seems like it would work well for the links in the header as well. Is that doable?

aergul commented 5 years ago

done