Add support for hints (or extended descriptions) in local-settings pages
This commit is contained in:
		
							parent
							
								
									5f308a7f05
								
							
						
					
					
						commit
						26409f3e8e
					
				| @ -17,6 +17,7 @@ export default class LocalSettingsPageItem extends React.PureComponent { | ||||
|     options: PropTypes.arrayOf(PropTypes.shape({ | ||||
|       value: PropTypes.string.isRequired, | ||||
|       message: PropTypes.string.isRequired, | ||||
|       hint: PropTypes.string, | ||||
|     })), | ||||
|     settings: ImmutablePropTypes.map.isRequired, | ||||
|     placeholder: PropTypes.string, | ||||
| @ -62,6 +63,7 @@ export default class LocalSettingsPageItem extends React.PureComponent { | ||||
|               disabled={!enabled} | ||||
|             /> | ||||
|             {opt.message} | ||||
|             {opt.hint && <span class='hint'>{opt.hint}</span>} | ||||
|           </label> | ||||
|         ); | ||||
|       }); | ||||
|  | ||||
| @ -28,6 +28,11 @@ | ||||
|     } | ||||
|   } | ||||
| 
 | ||||
|   span.hint { | ||||
|     display: block; | ||||
|     color: $lighter-text-color; | ||||
|   } | ||||
| 
 | ||||
|   h1 { | ||||
|     font-size: 18px; | ||||
|     font-weight: 500; | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user