1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00

fix: truncate environments names in project view

This commit is contained in:
Youssef 2021-12-06 22:43:23 +01:00
parent 580c22805a
commit f4681a3883
2 changed files with 5 additions and 12 deletions

View File

@ -1,13 +1,6 @@
import { makeStyles } from '@material-ui/core/styles'; import { makeStyles } from '@material-ui/core/styles';
export const useStyles = makeStyles(theme => ({ export const useStyles = makeStyles(theme => ({
envName: {
display: 'inline-block',
width: '90px',
textOverflow: 'ellipsis',
overflow: 'hidden',
whiteSpace: 'nowrap',
},
infoText: { infoText: {
marginBottom: '10px', marginBottom: '10px',
fontSize: theme.fontSizes.bodySize, fontSize: theme.fontSizes.bodySize,

View File

@ -17,6 +17,7 @@ import {
IFeatureToggleListItem, IFeatureToggleListItem,
} from '../../../interfaces/featureToggle'; } from '../../../interfaces/featureToggle';
import PaginateUI from '../../common/PaginateUI/PaginateUI'; import PaginateUI from '../../common/PaginateUI/PaginateUI';
import StringTruncator from '../../common/StringTruncator/StringTruncator';
interface IFeatureToggleListNewProps { interface IFeatureToggleListNewProps {
features: IFeatureToggleListItem[]; features: IFeatureToggleListItem[];
loading: boolean; loading: boolean;
@ -236,12 +237,11 @@ const FeatureToggleListNew = ({
)} )}
align="center" align="center"
> >
<span <StringTruncator
text={env.name}
maxWidth="90"
data-loading data-loading
className={styles.envName} />
>
{env.name}
</span>
</TableCell> </TableCell>
); );
})} })}