Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-09 00:18:00 +01:00
Code Issues Projects Releases Wiki Activity

fix: truncate environments names in project view

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/component/common/EnvironmentStrategiesDialog/EnvironmentStrategyDialog.styles.ts
View File

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

10
frontend/src/component/feature/FeatureToggleListNew/FeatureToggleListNew.tsx
View File

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