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,6 +73,7 @@ export const FilterName = styled.span`
`; `;
export const FilterItem = styled.button` export const FilterItem = styled.button`
${({ theme }) => css`
cursor: pointer; cursor: pointer;
display: flex; display: flex;
text-align: left; text-align: left;
@ -87,13 +88,15 @@ export const FilterItem = styled.button`
} }
& 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`