Skip to content
This repository was archived by the owner on Apr 26, 2024. It is now read-only.

Add hover state to icons #135

Merged
alongoni merged 4 commits into from
Jun 15, 2021
Merged

Add hover state to icons #135

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
e46398c
fix space in EthHashInfo component
alongoni Jun 14, 2021
d36625f
add hover state to icons-buttons
alongoni Jun 14, 2021
1dee828
fix flex style
alongoni Jun 14, 2021
51b5f77
fix hover color
alongoni Jun 15, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 1 addition & 4 deletions src/ethereum/EthHashInfo/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,10 +33,7 @@ const InfoContainer = styled.div`
const AddressContainer = styled.div`
display: flex;
align-items: center;

*:not(:first-child) {
margin-left: 8px;
}
gap: 4px;
`;

const StyledImg = styled.img<{ size: ThemeIdenticonSize }>`
Expand Down
19 changes: 17 additions & 2 deletions src/ethereum/ExplorerButton/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,23 @@ import { Icon } from '../..';
import { ExplorerInfo } from '../../typings/misc';

const StyledLink = styled.a`
display: inline-flex;
outline-color: ${({ theme }) => theme.colors.separator};
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
border-radius: 50%;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
:hover {
background-color: ${({ theme }) => theme.colors.inputField};
}
`;

type Props = {
Expand Down
2 changes: 1 addition & 1 deletion src/navigation/EllipsisMenu/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ const IconWrapper = styled.button`
}

:hover {
background-color: ${({ theme }) => theme.colors.inputField};
background-color: ${({ theme }) => theme.colors.separator};
}
`;

Expand Down
11 changes: 10 additions & 1 deletion src/utils/CopyToClipboardBtn/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,17 @@ const StyledButton = styled.button`
padding: 0;
font: inherit;
cursor: pointer;
outline-color: ${({ theme }) => theme.colors.separator};
border-radius: 50%;
transition: background-color 0.2s ease-in-out;
outline-color: transparent;
height: 24px;
width: 24px;
display: flex;
justify-content: center;
align-items: center;
:hover {
background-color: ${({ theme }) => theme.colors.separator};
}
`;

type Props = {
Expand Down