#148 added hover styling for selected molecule options

m2ms · Mar 5, 2020 · 204b1be · 204b1be
1 parent a050365
commit 204b1be
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/js/components/preview/molecule/moleculeView.js b/js/components/preview/molecule/moleculeView.js
@@ -48,10 +48,19 @@ const useStyles = makeStyles(theme => ({
   },
   contColButtonSelected: {
     backgroundColor: theme.palette.primary.main,
-    color: theme.palette.primary.contrastText
+    color: theme.palette.primary.contrastText,
+    '&:hover': {
+      backgroundColor: theme.palette.primary.light,
+      color: theme.palette.black
+    }
   },
   contColButtonHalfSelected: {
-    backgroundColor: theme.palette.primary.semidark
+    backgroundColor: theme.palette.primary.semidark,
+    color: theme.palette.primary.contrastText,
+    '&:hover': {
+      backgroundColor: theme.palette.primary.light,
+      color: theme.palette.black
+    }
   },
   detailsCol: {
     border: 'solid 1px',