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`
cursor: pointer;
display: flex;
text-align: left;
padding: 0;
border: none;
background: none;
outline: none;
width: 100%;
${({ theme }) => css`
cursor: pointer;
display: flex;
text-align: left;
padding: 0;
border: none;
background: none;
outline: none;
width: 100%;
&::-moz-focus-inner {
border: 0;
}
&::-moz-focus-inner {
border: 0;
}
& i svg {
color: transparent;
margin-right: ${({ theme }) => theme.gridUnit}px;
}
& i svg {
opacity: ${theme.opacity.mediumLight};
margin-right: ${theme.gridUnit}px;
transition: opacity ease-in-out ${theme.transitionTiming};
}
&:hover i svg {
color: inherit;
}
&:hover i svg {
opacity: 1;
}
`}
`;
export const FiltersContainer = styled.div`