Write Storybook tests for front/src/modules/ui/field/meta-types/display components (#1932)
* 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:
@ -10,7 +10,7 @@ const StyledLayout = styled.div<{ width?: number }>`
|
||||
|
||||
height: fit-content;
|
||||
max-width: calc(100% - 40px);
|
||||
min-width: 300px;
|
||||
min-width: ${({ width }) => (width ? 'unset' : '300px')};
|
||||
padding: 20px;
|
||||
width: ${({ width }) => (width ? width + 'px' : 'fit-content')};
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user