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

Improve opportunity behavior (#3487)

Browse Source 
* Fix opportunity relation

* Fix

* Fix

* Fix tests

* Fix

* Fix

* Fix opportunities

* Fix Opportunity standard object and apply maxWidth to text ellipsis

* Update packages/twenty-front/src/modules/ui/field/display/components/EllipsisDisplay.tsx

Co-authored-by: Thaïs <guigon.thais@gmail.com>

* Fix

---------

Co-authored-by: Thaïs <guigon.thais@gmail.com>
This commit is contained in:
Charles Bochet
2024-01-16 15:43:19 +01:00
committed by GitHub
parent bb91917ff8
commit f3f20ad974
14 changed files with 88 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/twenty-front/src/modules/ui/field/display/components/EllipsisDisplay.tsx
View File

@ -1,10 +1,21 @@
import styled from '@emotion/styled';
const StyledEllipsisDisplay = styled.div`
const StyledEllipsisDisplay = styled.div<{ maxWidth?: number }>`
max-width: ${({ maxWidth }) => maxWidth ?? '100%'};
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
`;
export { StyledEllipsisDisplay as EllipsisDisplay };
type EllipsisDisplayProps = {
children: React.ReactNode;
maxWidth?: number;
};
export const EllipsisDisplay = ({
children,
maxWidth,
}: EllipsisDisplayProps) => (
<StyledEllipsisDisplay style={{ maxWidth }}>{children}</StyledEllipsisDisplay>
);

5
packages/twenty-front/src/modules/ui/field/display/components/TextDisplay.tsx
View File

@ -2,8 +2,9 @@ import { EllipsisDisplay } from './EllipsisDisplay';
type TextDisplayProps = {
text: string;
maxWidth?: number;
};
export const TextDisplay = ({ text }: TextDisplayProps) => (
<EllipsisDisplay>{text}</EllipsisDisplay>
export const TextDisplay = ({ text, maxWidth }: TextDisplayProps) => (
<EllipsisDisplay maxWidth={maxWidth}>{text}</EllipsisDisplay>
);