IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Components:CatalogItem: show icon only on hover

Browse Source
This commit is contained in:
TimofeyBoyko 2022-09-21 10:35:52 +03:00
parent 97652a625f
commit 38538837ed
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/components/catalog-item/index.js
View File

@ -121,7 +121,7 @@ const CatalogItem = (props) => {
{!iconBadge ? (
<Badge className="catalog-item__badge" label={labelBadge} />
) : (
<ReactSVG src={iconBadge} />
<ReactSVG className="catalog-item__icon" src={iconBadge} />
)}
</StyledCatalogItemBadgeWrapper>
)}

9
packages/components/catalog-item/styled-catalog-item.js
View File

@ -389,16 +389,19 @@ const StyledCatalogItemContainer = styled.div`
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
.catalog-icon__badge {
.catalog-item__badge,
.catalog-item__icon {
display: none;
}
.catalog-icon__badge:target {
.catalog-item__badge:target,
.catalog-item__icon:target {
display: flex;
}
:hover {
.catalog-icon__badge {
.catalog-item__badge,
.catalog-item__icon {
display: flex;
}
}