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

Fix Hover #8989

Merged
merged 1 commit into from Oct 7, 2023
Merged

Fix Hover #8989

merged 1 commit into from Oct 7, 2023

Conversation

ptdatta
Copy link
Contributor

@ptdatta ptdatta commented Oct 1, 2023

Notes for Reviewers

This PR fixes #8717

Screencast.from.02-10-23.01.34.02.AM.IST.webm

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Parthib <parthibdutta02@gmail.com>
Comment on lines +613 to +626
<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';
}}
/>
Copy link
Member

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

Copy link
Contributor Author

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.

@leecalcote
Copy link
Member

The resultant effect looks good. Please do consider incorporating, @theBeginner86's feedback

@saurabh100ni
Copy link
Contributor

Let's discuss this on the Meshery dev call tomorrow,
Please add this as your agenda item in Docs: https://docs.google.com/document/d/1Dg4Uz9rGTuGHmYZwIt47z1j5x3LmnpxD1M1SgypAkQ0/edit

@ritiksaxena124
Copy link
Contributor

LGTM 👍now

@leecalcote leecalcote merged commit f9e4b0c into meshery:master Oct 7, 2023
13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component/ui User Interface
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[UI]Meshmap Icon doesn't move on hovering.
5 participants