Web:Components:Fix CatalogItemTheme styles.
This commit is contained in:
parent
b1d21b4c52
commit
c2b5fd4d1f
@ -210,7 +210,11 @@ const StyledCatalogItemText = styled(Text)`
|
|||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
color: ${(props) => props.theme.catalogItem.text.color};
|
color: ${(props) =>
|
||||||
|
props.isActive
|
||||||
|
? props.theme.catalogItem.text.isActiveColor
|
||||||
|
: props.theme.catalogItem.text.color};
|
||||||
|
|
||||||
font-size: ${(props) => props.theme.catalogItem.text.fontSize};
|
font-size: ${(props) => props.theme.catalogItem.text.fontSize};
|
||||||
font-weight: ${(props) => props.theme.catalogItem.text.fontWeight};
|
font-weight: ${(props) => props.theme.catalogItem.text.fontWeight};
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@ -258,7 +262,10 @@ const StyledCatalogItemImg = styled.div`
|
|||||||
width: ${(props) => props.theme.catalogItem.img.svg.width};
|
width: ${(props) => props.theme.catalogItem.img.svg.width};
|
||||||
height: ${(props) => props.theme.catalogItem.img.svg.height};
|
height: ${(props) => props.theme.catalogItem.img.svg.height};
|
||||||
path {
|
path {
|
||||||
fill: ${(props) => props.theme.catalogItem.img.svg.fill} !important;
|
fill: ${(props) =>
|
||||||
|
props.isActive
|
||||||
|
? props.theme.catalogItem.img.svg.isActiveFill
|
||||||
|
: props.theme.catalogItem.img.svg.fill} !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user