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

Design fixes + hide email tab if not a company or a person (#3720)

Browse Source 
Design fixes + hide email tab

Co-authored-by: Thomas Trompette <thomast@twenty.com>
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Thomas Trompette
2024-01-31 16:55:04 +01:00
committed by GitHub
parent 82d99afe2f
commit 389c263e2e
6 changed files with 16 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/twenty-front/src/modules/activities/emails/components/EmailThreadHeader.tsx
View File

@ -27,6 +27,7 @@ const StyledHeading = styled.h2`
margin: 0;
margin-bottom: ${({ theme }) => theme.spacing(3)};
max-width: 100%;
color: ${({ theme }) => theme.font.color.primary};
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

3
packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageBodyPreview.tsx
View File

@ -1,9 +1,8 @@
import React from 'react';
import styled from '@emotion/styled';
const StyledThreadMessageBodyPreview = styled.span`
const StyledThreadMessageBodyPreview = styled.div`
color: ${({ theme }) => theme.font.color.tertiary};
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

1
packages/twenty-front/src/modules/activities/emails/components/EmailThreadMessageSender.tsx
View File

@ -23,6 +23,7 @@ const StyledAvatar = styled(Avatar)`
`;
const StyledSenderName = styled.span`
color: ${({ theme }) => theme.font.color.primary};
font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ theme }) => theme.font.weight.medium};
overflow: hidden;

11
packages/twenty-front/src/modules/activities/emails/components/EmailThreadPreview.tsx
View File

@ -17,10 +17,6 @@ const StyledCardContent = styled(CardContent)`
const StyledHeading = styled.div<{ unread: boolean }>`
display: flex;
color: ${({ theme, unread }) =>
unread ? theme.font.color.primary : theme.font.color.secondary};
font-weight: ${({ theme, unread }) =>
unread ? theme.font.weight.medium : theme.font.weight.regular};
overflow: hidden;
width: 20%;
`;
@ -53,9 +49,8 @@ const StyledSubjectAndBody = styled.div`
overflow: hidden;
`;
const StyledSubject = styled.span<{ unread: boolean }>`
color: ${({ theme, unread }) =>
unread ? theme.font.color.primary : theme.font.color.secondary};
const StyledSubject = styled.span`
color: ${({ theme }) => theme.font.color.primary};
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@ -136,7 +131,7 @@ export const EmailThreadPreview = ({
</StyledHeading>
<StyledSubjectAndBody>
<StyledSubject unread={!thread.read}>{thread.subject}</StyledSubject>
<StyledSubject>{thread.subject}</StyledSubject>
<StyledBody>{thread.lastMessageBody}</StyledBody>
</StyledSubjectAndBody>
<StyledReceivedAt>