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…
	
		Reference in New Issue