@@ -115,6 +115,7 @@ class App extends Component {
115115 fontSize : 14 ,
116116 lineHeight : 19 ,
117117 showGutter : true ,
118+ enableMobileMenu : true ,
118119 showPrintMargin : true ,
119120 highlightActiveLine : true ,
120121 enableSnippets : false ,
@@ -253,6 +254,23 @@ class App extends Component {
253254 Enable Live Autocomplete
254255 </ label >
255256 </ p >
257+ </ div >
258+ < div className = "field" >
259+ < p className = "control" >
260+ < label className = "checkbox" >
261+ < input
262+ type = "checkbox"
263+ checked = { this . state . enableMobileMenu }
264+ onChange = { e => {
265+ this . setBoolean (
266+ "enableMobileMenu" ,
267+ e . target . checked
268+ )
269+ } }
270+ />
271+ Enable Mobile Menue
272+ </ label >
273+ </ p >
256274 </ div >
257275 < div className = "field" >
258276 < p className = "control" >
@@ -346,6 +364,7 @@ class App extends Component {
346364 setOptions = { {
347365 useWorker : false ,
348366 enableBasicAutocompletion : this . state . enableBasicAutocompletion ,
367+ enableMobileMenu : this . state . enableMobileMenu ,
349368 enableLiveAutocompletion : this . state . enableLiveAutocompletion ,
350369 enableSnippets : this . state . enableSnippets ,
351370 showLineNumbers : this . state . showLineNumbers ,
@@ -376,6 +395,7 @@ class App extends Component {
376395 enableBasicAutocompletion: ${ this . state . enableBasicAutocompletion } ,
377396 enableLiveAutocompletion: ${ this . state . enableLiveAutocompletion } ,
378397 enableSnippets: ${ this . state . enableSnippets } ,
398+ enableMobileMenu: ${ this . state . enableMobileMenu } ,
379399 showLineNumbers: ${ this . state . showLineNumbers } ,
380400 tabSize: 2,
381401 }}/>
0 commit comments