(fix) O3-3888: Tweak help menu hover state (#1179)

* Add hover state to help menu and a hand pointer to the cursor * Minor tweaks --------- Co-authored-by: Dennis Kigen <kigen.work@gmail.com>
openmrs · Oct 16, 2024 · 602cc03 · 602cc03
1 parent 7c04405
commit 602cc03
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss b/packages/apps/esm-help-menu-app/src/help-menu/help.styles.scss
@@ -1,9 +1,12 @@
+@use '@carbon/colors';
+@use '@carbon/layout';
+
 .helpMenuButton {
   z-index: 7900;
   background-color: white;
   height: 2.5rem !important;
   width: 2.5rem !important;
-  bottom: 1rem;
+  bottom: layout.$spacing-05;
   position: fixed;
   display: flex;
   justify-content: center;
@@ -13,5 +16,10 @@
   box-shadow:
     0 1px 3px rgba(0, 0, 0, 0.1),
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  border-radius: 2rem;
+  border-radius: layout.$spacing-03;
+
+  &:hover {
+    background-color: colors.$gray-20;
+    cursor: pointer;
+  }
 }