feat: add hover styles to expandable menu items

axelarnetwork · Feb 4, 2024 · fa1df36 · fa1df36
1 parent 486caf8
commit fa1df36
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/styles/dark.scss b/src/styles/dark.scss
@@ -65,6 +65,11 @@ html.dark body {
     color: $dark-text;
   }
   .sideNav {
+    .nav-group-header:hover,
+    .nav-group-header:hover span {
+      color: white;
+      background-color: transparent;
+    }
     a:hover {
       color: white;
       background-color: transparent;

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -177,6 +177,12 @@ ul li {
   display: flex;
   justify-content: space-between;
   padding-left: 0px;
+  cursor: pointer;
+
+  &:hover {
+    background-color: rgb(243, 244, 246);
+    color: rgb(17, 24, 39);
+  }
 }
 .sideNav .nav-group-header svg {
   transition: transform 0.3s ease-in-out;