mirror of
				https://github.com/Unleash/unleash.git
				synced 2025-10-27 11:02:16 +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