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
Fix Hover #8989
Fix Hover #8989
Conversation
<img | ||
src={icon} | ||
className={classes.icon} | ||
onMouseOver={(e) => { | ||
e.target.style.transform = 'translate(-20%, -25%)'; | ||
e.target.style.top = '0'; | ||
e.target.style.right = '0'; | ||
}} | ||
onMouseOut={(e) => { | ||
e.target.style.transform = 'translate(0, 0)'; | ||
e.target.style.top = 'auto'; | ||
e.target.style.right = 'auto'; | ||
}} | ||
/> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is good, but can we use standardizing through the use of our themes? // @Modern-artist @ritiksaxena124
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I was trying to do that. But I don't know why it doesn't work. One potential reason can be -
- The other icons of the navigator were coming natively but the meshmap icon was coming from the web. The other icons are JS versions of SVG but meshmap icon is pure SVG so the CSS wasn't working.
The resultant effect looks good. Please do consider incorporating, @theBeginner86's feedback |
Let's discuss this on the Meshery dev call tomorrow, |
LGTM 👍now |
Notes for Reviewers
This PR fixes #8717
Screencast.from.02-10-23.01.34.02.AM.IST.webm
Signed commits