ASC.Web.Components: avatar: CSS styles changed

This commit is contained in:
Andrey Savihin 2019-12-24 12:26:16 +03:00
parent c617590f9f
commit a5d2a65925

View File

@ -109,7 +109,7 @@ const EditContainer = styled.div`
text-align: center; text-align: center;
line-height: 19px; line-height: 19px;
border-radius: 50%; border-radius: 50%;
background: linear-gradient(180deg, rgba(6, 22, 38, 0) 24.48%, rgba(6, 22, 38, 0.75) 100%); background: ${props => props.gradient ? "linear-gradient(180deg, rgba(6, 22, 38, 0) 24.48%, rgba(6, 22, 38, 0.75) 100%)" : "transparent"};
`; `;
const EmptyIcon = styled(Icons.CameraIcon)` const EmptyIcon = styled(Icons.CameraIcon)`
@ -177,13 +177,15 @@ const Avatar = memo(props => {
{avatarContent} {avatarContent}
</AvatarWrapper> </AvatarWrapper>
{editing && (size === 'max') && {editing && (size === 'max') &&
<EditContainer> <EditContainer gradient={!!source}>
<EditLink> <EditLink>
<Link <Link
type='action' type='action'
title={editLabel} title={editLabel}
isTextOverflow={true} isTextOverflow={true}
isHovered={true}
fontSize='14px' fontSize='14px'
fontWeight={600}
color={whiteColor} color={whiteColor}
onClick={editAction} onClick={editAction}
> >