github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

Fix UsersProfilePopover doesn't handle long names well (#182155)

Browse source
This commit is contained in:
Anton Dosov 2024-05-02 13:05:59 +02:00 • committed by GitHub
parent e1e4c25e70
commit 95384b4f9a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
packages/kbn-user-profile-components/src/user_profiles_selectable.tsx
View file

@ -340,12 +340,17 @@ export const UserProfilesSelectable = <Option extends UserProfileWithAvatar | nu
gutterSize="s"
responsive={false}
>
<EuiFlexItem>
<EuiHighlight search={searchValue}>{option.label}</EuiHighlight>
<EuiFlexItem css={{ maxWidth: '100%' }}>
<EuiHighlight className="eui-textTruncate" search={searchValue}>
{option.label}
</EuiHighlight>
</EuiFlexItem>
{option.user.email && option.user.email !== option.label ? (
<EuiFlexItem grow={false}>
<EuiTextColor color={option.disabled ? 'disabled' : 'subdued'}>
<EuiFlexItem grow={false} css={{ minWidth: 0 }}>
<EuiTextColor
color={option.disabled ? 'disabled' : 'subdued'}
className="eui-textTruncate"
>
{searchValue ? (
<EuiHighlight search={searchValue}>{option.user.email}</EuiHighlight>
) : (