fix disabled button styling

This commit is contained in:
Alfred Melch 2019-12-14 18:34:08 +01:00
parent fb5aece25a
commit 0f33db0df9
2 changed files with 5 additions and 8 deletions

View File

@ -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>
)
} }

View File

@ -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 {