added hover to address copy button

MetaMask · Jan 31, 2024 · a8a53b1 · a8a53b1
1 parent 0c20608
commit a8a53b1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/ui/components/multichain/app-header/app-header.js b/ui/components/multichain/app-header/app-header.js
@@ -320,6 +320,7 @@ export const AppHeader = ({ location }) => {
                       title={copied ? t('addressCopied') : null}
                     >
                       <ButtonBase
+                        className="multichain-app-header__address-copy-button"
                         onClick={() => handleCopy(checksummedCurrentAddress)}
                         size={ButtonBaseSize.Sm}
                         backgroundColor={BackgroundColor.transparent}

diff --git a/ui/components/multichain/app-header/index.scss b/ui/components/multichain/app-header/index.scss
@@ -38,6 +38,14 @@
     }
   }
 
+  &__address-copy-button {
+    &:not([disabled]):hover,
+    &:not([disabled]):focus {
+      box-shadow: none;
+      background: var(--color-background-default-hover);
+    }
+  }
+
   &__lock-contents {
     flex-flow: row nowrap;
     height: 68px;