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:
parent
580c22805a
commit
f4681a3883
@ -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,
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
Loading…
Reference in New Issue
Block a user