chore: add hover color to button to highlight it

dhis2 · Jan 14, 2025 · b9f5ded · b9f5ded
1 parent d988359
commit b9f5ded
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/pages/edit/ItemSelector/ContentMenuItem.js b/src/pages/edit/ItemSelector/ContentMenuItem.js
@@ -17,7 +17,7 @@ const LaunchLink = ({ url }) => {
             className={classes.launchLinkButton}
             aria-label={i18n.t('Open visualization in new tab')}
         >
-            <IconLaunch16 color={colors.grey700} />
+            <IconLaunch16 />
         </button>
     )
 }

diff --git a/src/pages/edit/ItemSelector/styles/ContentMenuItem.module.css b/src/pages/edit/ItemSelector/styles/ContentMenuItem.module.css
@@ -5,12 +5,11 @@
 }
 
 .launchLinkButton {
+    all: unset;
     display: flex;
     margin-inline-start: 8px;
     z-index: 10000;
-    border: none;
-    background-color: transparent;
-    padding: 0;
+    color: var(--colors-grey600);
 }
 
 .label {
@@ -39,3 +38,7 @@ li .buttonInsert {
 .buttonInsert:focus {
     outline: none;
 }
+
+.launchLinkButton:hover {
+    color: var(--colors-grey900);
+}