admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Remove company avatar show page hover effect (#1857)

Browse Source 
- remove company avatar show page hover effect
This commit is contained in:
brendanlaschke
2023-10-04 15:49:25 +02:00
committed by GitHub
parent 27eab82f19
commit 1e402aca5f
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/modules/ui/layout/show-page/components/ShowPageSummaryCard.tsx
View File

@ -92,7 +92,7 @@ export const ShowPageSummaryCard = ({
if (e.target.files) onUploadPicture?.(e.target.files[0]); if (e.target.files) onUploadPicture?.(e.target.files[0]);
}; };
const handleAvatarClick = () => { const handleAvatarClick = () => {
if (onUploadPicture) inputFileRef?.current?.click?.(); inputFileRef?.current?.click?.();
}; };
return ( return (
@ -100,7 +100,7 @@ export const ShowPageSummaryCard = ({
<StyledAvatarWrapper> <StyledAvatarWrapper>
<Avatar <Avatar
avatarUrl={logoOrAvatar} avatarUrl={logoOrAvatar}
onClick={handleAvatarClick} onClick={onUploadPicture ? handleAvatarClick : undefined}
size="xl" size="xl"
colorId={id} colorId={id}
placeholder={title} placeholder={title}

3
front/src/modules/users/components/Avatar.tsx
View File

@ -83,7 +83,8 @@ const StyledAvatar = styled.div<AvatarProps & { colorId: string }>`
}}; }};
&:hover { &:hover {
box-shadow: 0 0 0 4px ${({ theme }) => theme.background.transparent.light}; box-shadow: ${({ theme, onClick }) =>
onClick ? '0 0 0 4px ' + theme.background.transparent.light : 'unset'};
} }
`; `;