Fixed: Truncate custom format card tags

This commit is contained in:
Qstick 2022-11-04 11:27:39 -05:00
parent fbc258c092
commit fe476a319e
2 changed files with 13 additions and 1 deletions

View File

@ -36,3 +36,9 @@
margin: 0; margin: 0;
border: none; border: none;
} }
.label {
composes: label from '~Components/Label.css';
max-width: 100%;
}

View File

@ -1,5 +1,6 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { Component } from 'react'; import React, { Component } from 'react';
import MiddleTruncate from 'react-middle-truncate';
import Card from 'Components/Card'; import Card from 'Components/Card';
import Label from 'Components/Label'; import Label from 'Components/Label';
import IconButton from 'Components/Link/IconButton'; import IconButton from 'Components/Link/IconButton';
@ -123,10 +124,15 @@ class CustomFormat extends Component {
return ( return (
<Label <Label
className={styles.label}
key={index} key={index}
kind={kind} kind={kind}
> >
{item.name} <MiddleTruncate
text={item.name}
start={10}
end={14}
/>
</Label> </Label>
); );
}) })