Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Hover Effects #12

Open
tpreusse opened this issue Aug 10, 2019 · 2 comments
Open

Add Hover Effects #12

tpreusse opened this issue Aug 10, 2019 · 2 comments

Comments

@tpreusse
Copy link
Contributor

tpreusse commented Aug 10, 2019

Use @media (hover: hover) {} to avoid double tab issues on mobile.

glamor example

css({
  color: '#000',
  '@media (hover)': {
    ':hover': {
      color: '#333'
    }
  }
})

Visualisation

Fade others like when it active.

Screenshot 2019-08-10 at 15 58 30

hovering weitere before clicking it

Social Media Icons

Screenshot 2019-08-10 at 15 50 29

twitter: #55ACEE
facebook: #3B5998
rss: #FF722C

Related: #10

@scito
Copy link
Contributor

scito commented Aug 11, 2019

I do not understand it.
What is the problem on mobile?
What should be changed?

@tpreusse tpreusse changed the title Hover Effekte Add Hover Effects Aug 11, 2019
@tpreusse
Copy link
Contributor Author

Currently we don't have hover effects, this is an enhancement issue to add them. The media query ensures that it does not interfere with touch interactions on mobile when using :hover. The visualisation hover effect probably has to be done with mouseenter and leave events.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants