feat(dashboard): Change default opacity of icon in FiltersBadge (#23350)

This commit is contained in:
Kamil Gabryjelski 2023-03-13 17:09:15 +01:00 committed by GitHub
parent 78ee60e227
commit f3055fcaff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -73,27 +73,30 @@ export const FilterName = styled.span`
`; `;
export const FilterItem = styled.button` export const FilterItem = styled.button`
cursor: pointer; ${({ theme }) => css`
display: flex; cursor: pointer;
text-align: left; display: flex;
padding: 0; text-align: left;
border: none; padding: 0;
background: none; border: none;
outline: none; background: none;
width: 100%; outline: none;
width: 100%;
&::-moz-focus-inner { &::-moz-focus-inner {
border: 0; border: 0;
} }
& i svg { & i svg {
color: transparent; opacity: ${theme.opacity.mediumLight};
margin-right: ${({ theme }) => theme.gridUnit}px; margin-right: ${theme.gridUnit}px;
} transition: opacity ease-in-out ${theme.transitionTiming};
}
&:hover i svg { &:hover i svg {
color: inherit; opacity: 1;
} }
`}
`; `;
export const FiltersContainer = styled.div` export const FiltersContainer = styled.div`