fix disabled button styling
This commit is contained in:
		
							parent
							
								
									fb5aece25a
								
							
						
					
					
						commit
						0f33db0df9
					
				| @ -5,9 +5,5 @@ import { RsvpReader } from './components/RsvpReader' | |||||||
| import { IconContext } from 'react-icons' | import { IconContext } from 'react-icons' | ||||||
| 
 | 
 | ||||||
| export const App = () => { | export const App = () => { | ||||||
|   return ( |   return <RsvpReader></RsvpReader> | ||||||
|     <IconContext.Provider value={{ color: 'grey', size: '1.4em' }}> |  | ||||||
|       <RsvpReader></RsvpReader> |  | ||||||
|     </IconContext.Provider> |  | ||||||
|   ) |  | ||||||
| } | } | ||||||
|  | |||||||
| @ -7,6 +7,8 @@ | |||||||
|   padding: 3px; |   padding: 3px; | ||||||
|   /* width: 1.4em; */ |   /* width: 1.4em; */ | ||||||
|   /* height: 1.4em; */ |   /* height: 1.4em; */ | ||||||
|  |   font-size: 1.4em; | ||||||
|  |   color: grey; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .svgButton svg { | .svgButton svg { | ||||||
| @ -28,9 +30,8 @@ | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .svgButton[disabled] svg { | .svgButton[disabled] svg { | ||||||
|   transform: scale(1.5); |   color: #c7c7c7; | ||||||
| 
 |   transform: scale(1); | ||||||
|   color: '#c7c7c7'; |  | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .a11yLabel { | .a11yLabel { | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user