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

Write Storybook tests for front/src/modules/ui/field/meta-types/display components (#1932)

Browse Source 
* Write Storybook tests for front/src/modules/ui/field/meta-types/display components

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>

* Write Storybook tests for front/src/modules/ui/field/meta-types/display components

Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Write Storybook tests for front/src/modules/ui/field/meta-types/display components

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>

* add EllipsisDisplay component

* add EllipsisDisplay component

* modified ComponentDecorator to pass a minWidth parameter to test ellipsis

* add ellipsis test to all components

* add ellipsis to links

* removed minWidth and set it to 'unset' if the width is not defined

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: FellipeMTX <fellipefacdir@gmail.com>
Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
This commit is contained in:
gitstart-twenty
2023-10-10 13:39:19 +03:00
committed by GitHub
parent ae32a2da3b
commit 612bd57d5b
20 changed files with 609 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/src/modules/ui/link/components/ContactLink.tsx
View File

@ -16,8 +16,10 @@ const StyledClickable = styled.div`
a {
color: inherit;
overflow: hidden;
text-decoration: underline;
text-decoration-color: ${({ theme }) => theme.border.color.strong};
text-overflow: ellipsis;
&:hover {
text-decoration-color: ${({ theme }) => theme.font.color.primary};

2
front/src/modules/ui/link/components/PrimaryLink.tsx
View File

@ -14,7 +14,9 @@ const StyledClickable = styled.div`
a {
color: ${({ theme }) => theme.font.color.tertiary};
font-size: ${({ theme }) => theme.font.size.sm};
overflow: hidden;
text-decoration: underline;
text-overflow: ellipsis;
}
`;

2
front/src/modules/ui/link/components/RawLink.tsx
View File

@ -16,6 +16,8 @@ const StyledClickable = styled.div`
a {
color: inherit;
overflow: hidden;
text-overflow: ellipsis;
}
`;

2
front/src/modules/ui/link/components/RoundedLink.tsx
View File

@ -17,7 +17,9 @@ const StyledClickable = styled.div`
a {
color: inherit;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
}
`;