Add ellipsis to condition text in modal

This commit is contained in:
bulby97 2021-08-23 13:59:48 +02:00
parent f0786f3af6
commit 7aec8f1784
2 changed files with 11 additions and 1 deletions

View File

@ -32,7 +32,16 @@ const ActionRow = ({
})}
 
</TableLabel>
<TableLabel title={label} textColor="primary600">
<TableLabel
title={label}
textColor="primary600"
// ! REMOVE THIS WHEN DS IS UPDATED WITH ELLIPSIS PROP
style={{
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
}}
>
{formatMessage({
id: `Settings.roles.form.permissions.${label.toLowerCase()}`,
defaultMessage: label,

View File

@ -24,6 +24,7 @@ const Wrapper = styled(Box)`
`};
`;
// ! REMOVE THIS WHEN DS IS UPDATED WITH ELLIPSIS PROP
const StyledText = styled(Text)`
white-space: nowrap;
overflow: hidden;