feat: Implemented hover effects for widget links #952
Conversation
Signed-off-by: PR4NJ41 <pranjal.rajput.che21@itbhu.ac.in>
Signed-off-by: PR4NJ41 <pranjal.rajput.che21@itbhu.ac.in>
| alignItems: 'center', | ||
| '&:hover': { | ||
| filter: 'invert(50%) sepia(30%) saturate(1000%) hue-rotate(120deg)' | ||
| } |
There was a problem hiding this comment.
rather then adding the filter use the our brand theme color for the hover effect and remove underline when hovering
There was a problem hiding this comment.
@amitamrutiya I used filter to apply color to the icon.
If you’d like to remove the filter, I can convert styled(icon) to styled(div) and use maskImage for styling instead. Would you like me to proceed with that approach?
There was a problem hiding this comment.
you can dynimcally change the fill color of the icon when hover effect trigger in the parent.
There was a problem hiding this comment.
If you are using row svg then try with converting this into icon.
Signed-off-by: PR4NJ41 <pranjal.rajput.che21@itbhu.ac.in>
|
@PR4NJ41 |
Notes for Reviewers
Latest BlogsandHelp CenterwidgetsScreenshots
Fix.mp4
Signed commits