Merge pull request #8989 from ptdatta/my-dev_3

Fix Hover
meshery · Oct 7, 2023 · f9e4b0c · f9e4b0c
2 parents 9b24366 + 12936df
commit f9e4b0c
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/ui/components/Navigator.js b/ui/components/Navigator.js
@@ -610,7 +610,20 @@ class Navigator extends React.Component {
           disableTouchListener={!drawerCollapsed}
         >
           <ListItemIcon className={classes.listIcon}>
-            <img src={icon} className={classes.icon} />
+            <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';
+              }}
+            />
           </ListItemIcon>
         </Tooltip>
         <ListItemText