From b9fb723a6075bfdb9fdf41e1e37b157f5edd92fd Mon Sep 17 00:00:00 2001 From: elishabantana Date: Mon, 14 Oct 2024 10:22:51 +0300 Subject: [PATCH 1/2] Add hover state to help menu and a hand pointer to the cursor --- .../apps/esm-help-menu-app/src/help-menu/help.styles.scss | 5 +++++ 1 file changed, 5 insertions(+) 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 index 3e3db53b6..a94127b86 100644 --- 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,3 +1,8 @@ +.helpMenuButton:hover { + background-color: #e0e0e0; + cursor: pointer; +} + .helpMenuButton { z-index: 7900; background-color: white; From a02ac7ed7e52176001f2b584d9a07c614474d91b Mon Sep 17 00:00:00 2001 From: Dennis Kigen Date: Wed, 16 Oct 2024 23:27:17 +0300 Subject: [PATCH 2/2] Minor tweaks --- .../src/help-menu/help.styles.scss | 15 +++++++++------ 1 file changed, 9 insertions(+), 6 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 index a94127b86..f968bd713 100644 --- 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,14 +1,12 @@ -.helpMenuButton:hover { - background-color: #e0e0e0; - cursor: pointer; -} +@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; @@ -18,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; + } }