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

Added tooltip on overflowing texts (#771)

Browse Source 
* Ok

* Fixes

* Fix according to PR

* Fix lint

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
Lucas Bordeau
2023-07-20 06:23:42 +02:00
committed by GitHub
parent 60b50387a7
commit 7670ae5638
13 changed files with 176 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
front/src/modules/ui/chip/components/EntityChip.tsx
View File

@ -5,6 +5,8 @@ import styled from '@emotion/styled';
import { Avatar, AvatarType } from '@/users/components/Avatar';
import { OverflowingTextWithTooltip } from '../../tooltip/OverflowingTextWithTooltip';
export enum ChipVariant {
opaque = 'opaque',
transparent = 'transparent',
@ -94,7 +96,9 @@ export function EntityChip({
size={14}
type={avatarType}
/>
<StyledName>{name}</StyledName>
<StyledName>
<OverflowingTextWithTooltip text={name} />
</StyledName>
</StyledContainerLink>
) : (
<StyledContainerReadOnly data-testid="entity-chip">
@ -105,7 +109,9 @@ export function EntityChip({
size={14}
type={avatarType}
/>
<StyledName>{name}</StyledName>
<StyledName>
<OverflowingTextWithTooltip text={name} />
</StyledName>
</StyledContainerReadOnly>
);
}