schuelerlabor-cleverlab/smarti
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove background on focus

Browse Source
This commit is contained in:
fbruc03 2022-11-25 11:53:04 +01:00
parent 3959de86f4
commit 42a8d3db4f
1 changed files with 52 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/NavbarSettings.js
View File

@ -5,6 +5,19 @@ import MenuItem from '@material-ui/core/MenuItem';
import Select from '@material-ui/core/Select'; import Select from '@material-ui/core/Select';
import { setBoard } from '../actions/boardAction'; import { setBoard } from '../actions/boardAction';
import ReactCountryFlag from "react-country-flag"; import ReactCountryFlag from "react-country-flag";
import { MuiThemeProvider, createTheme } from '@material-ui/core/styles';
const theme = createTheme({
overrides: {
MuiSelect: {
select: {
'&:focus': {
backgroundColor: 'transparent',
},
},
},
},
});
class NavbarSettings extends Component { class NavbarSettings extends Component {
componentDidMount() { componentDidMount() {
@ -17,20 +30,27 @@ class NavbarSettings extends Component {
this.props.setLanguage(event.target.value); this.props.setLanguage(event.target.value);
} }
render() { render() {
console.log(this.props.classes);
return ( return (
<div style={{ margin: "0 0 0 auto", display: "flex" }}> <div style={{ margin: "0 0 0 auto", display: "flex" }}>
<div style={{ margin: "0 30px 0 auto", display: "flex" }}> <div style={{ margin: "0 30px 0 auto", display: "flex" }}>
<MuiThemeProvider theme={theme}>
<Select <Select
value={this.props.selectedBoard} value={this.props.selectedBoard}
onChange={(e) => this.props.setBoard(e.target.value)} onChange={(e) => this.props.setBoard(e.target.value)}
disableUnderline={true} disableUnderline={true}
style={{ backgroundColor: "transparent !important" }}
> >
<MenuItem value="mcu">senseBox MCU</MenuItem> <MenuItem value="mcu">senseBox MCU</MenuItem>
<MenuItem value="mini">senseBox MCU mini</MenuItem> <MenuItem value="mini">senseBox MCU mini</MenuItem>
</Select> </Select>
</MuiThemeProvider>
</div> </div>
<div style={{ margin: "0 0 0 auto", display: "flex" }}> <div style={{ margin: "0 0 0 auto", display: "flex" }}>
<MuiThemeProvider theme={theme}>
<Select <Select
value={this.props.language} value={this.props.language}
onChange={this.handleChange} onChange={this.handleChange}
@ -54,6 +74,7 @@ class NavbarSettings extends Component {
/> />
</MenuItem> </MenuItem>
</Select> </Select>
</MuiThemeProvider>
</div> </div>
</div > </div >
); );