Front small ui fixes (#428)

* fix: add ellipsis in all table cells

* fix: workspace click redirect to home

* fix: add company chip story and edit comment cell story

* fix: remove cursor pointer on workspace name

* fix: snoop pill height

* fix: rebase
This commit is contained in:
Jérémy M
2023-06-27 17:56:48 +02:00
committed by GitHub
parent edee69bc07
commit c9038bb93a
15 changed files with 144 additions and 61 deletions

View File

@ -15,6 +15,7 @@ const StyledContainer = styled.span`
display: inline-flex;
gap: ${({ theme }) => theme.spacing(1)};
height: calc(20px - 2 * ${({ theme }) => theme.spacing(1)});
overflow: hidden;
padding: ${({ theme }) => theme.spacing(1)};
@ -31,6 +32,12 @@ const StyledContainer = styled.span`
}
`;
const StyledName = styled.span`
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
`;
function CompanyChip({ name, picture }: CompanyChipPropsType) {
return (
<StyledContainer data-testid="company-chip">
@ -42,7 +49,7 @@ function CompanyChip({ name, picture }: CompanyChipPropsType) {
size={14}
/>
)}
{name}
<StyledName>{name}</StyledName>
</StyledContainer>
);
}