From a5d2a65925115c38821040cb5882f3279ddbc4ff Mon Sep 17 00:00:00 2001
From: Andrey Savihin <andrey.savihin@onlyoffice.com>
Date: Tue, 24 Dec 2019 12:26:16 +0300
Subject: [PATCH] ASC.Web.Components: avatar: CSS styles changed

---
 web/ASC.Web.Components/src/components/avatar/index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/ASC.Web.Components/src/components/avatar/index.js b/web/ASC.Web.Components/src/components/avatar/index.js
index f036de0d7e..113f9ae33f 100644
--- a/web/ASC.Web.Components/src/components/avatar/index.js
+++ b/web/ASC.Web.Components/src/components/avatar/index.js
@@ -109,7 +109,7 @@ const EditContainer = styled.div`
     text-align: center;
     line-height: 19px;
     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)`
@@ -177,13 +177,15 @@ const Avatar = memo(props => {
         {avatarContent}
       </AvatarWrapper>
       {editing && (size === 'max') &&
-        <EditContainer>
+        <EditContainer gradient={!!source}>
           <EditLink>
             <Link
               type='action'
               title={editLabel}
               isTextOverflow={true}
+              isHovered={true}
               fontSize='14px'
+              fontWeight={600}
               color={whiteColor}
               onClick={editAction}
             >