Fix Bug 57877: show icon badge where hover
This commit is contained in:
parent
a357badf78
commit
fe294e77e1
@ -97,7 +97,7 @@ const CatalogItem = (props) => {
|
||||
{!iconBadge ? (
|
||||
<Badge className="catalog-item__badge" label={labelBadge} />
|
||||
) : (
|
||||
<ReactSVG src={iconBadge} />
|
||||
<ReactSVG className="catalog-icon__badge" src={iconBadge} />
|
||||
)}
|
||||
</StyledCatalogItemBadgeWrapper>
|
||||
)}
|
||||
|
@ -310,7 +310,22 @@ const StyledCatalogItemContainer = styled.div`
|
||||
`}
|
||||
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
|
||||
.catalog-icon__badge {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.catalog-icon__badge:target {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
:hover {
|
||||
.catalog-icon__badge {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
StyledCatalogItemContainer.defaultProps = { theme: Base };
|
||||
|
||||
export {
|
||||
|
Loading…
Reference in New Issue
Block a user