Skip to content

Commit a8a53b1

Browse files
committed
added hover to address copy button
1 parent 0c20608 commit a8a53b1

File tree

2 files changed

+9
-0
lines changed

2 files changed

+9
-0
lines changed

ui/components/multichain/app-header/app-header.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -320,6 +320,7 @@ export const AppHeader = ({ location }) => {
320320
title={copied ? t('addressCopied') : null}
321321
>
322322
<ButtonBase
323+
className="multichain-app-header__address-copy-button"
323324
onClick={() => handleCopy(checksummedCurrentAddress)}
324325
size={ButtonBaseSize.Sm}
325326
backgroundColor={BackgroundColor.transparent}

ui/components/multichain/app-header/index.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,14 @@
3838
}
3939
}
4040

41+
&__address-copy-button {
42+
&:not([disabled]):hover,
43+
&:not([disabled]):focus {
44+
box-shadow: none;
45+
background: var(--color-background-default-hover);
46+
}
47+
}
48+
4149
&__lock-contents {
4250
flex-flow: row nowrap;
4351
height: 68px;

0 commit comments

Comments
 (0)