diff --git a/frontend/src/component/common/Table/cells/RoleCell/RoleCell.tsx b/frontend/src/component/common/Table/cells/RoleCell/RoleCell.tsx index 919762bcaa0a..39d0fb58f477 100644 --- a/frontend/src/component/common/Table/cells/RoleCell/RoleCell.tsx +++ b/frontend/src/component/common/Table/cells/RoleCell/RoleCell.tsx @@ -4,6 +4,7 @@ import { TooltipLink } from 'component/common/TooltipLink/TooltipLink'; import { RoleDescription } from 'component/common/RoleDescription/RoleDescription'; import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig'; import { styled } from '@mui/material'; +import { Truncator } from 'component/common/Truncator/Truncator'; const StyledRoleDescriptions = styled('div')(({ theme }) => ({ display: 'flex', @@ -15,6 +16,10 @@ const StyledRoleDescriptions = styled('div')(({ theme }) => ({ }, })); +const StyledTruncator = styled(Truncator)(() => ({ + display: 'block', // Fix for ellipsis not showing up +})); + type TSingleRoleProps = { value: string; role: number; @@ -50,7 +55,7 @@ export const RoleCell: VFC = ({ role, roles, value }) => { } > - {value} + {value} ); diff --git a/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx b/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx index 8ddbd9701b87..fc5d16d0bf41 100644 --- a/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx +++ b/frontend/src/component/project/ProjectAccess/ProjectAccessTable/ProjectAccessTable.tsx @@ -173,7 +173,7 @@ export const ProjectAccessTable: VFC = () => { row: { original: IProjectAccess }; value: string; }) => , - maxWidth: 125, + maxWidth: 175, filterName: 'role', }, {