#281 Make tabs scrollable again

Author: Lucas Rebscher

webapp/components/definition/configuration/NetPyNESimConfig.js

@@ -31,7 +31,7 @@ class NetPyNESimConfig extends React.Component {
   });
 
   render () {
-    var contentLeft = <div className="layoutVerticalFitInner" />;
+    let contentLeft = <div className="layoutVerticalFitInner" />;
     let contentRight = <div className="layoutVerticalFitInner" />;
     const { classes } = this.props;
     if (this.state.sectionId == 'General') {
@@ -174,7 +174,7 @@ class NetPyNESimConfig extends React.Component {
       );
     } else if (this.state.sectionId == 'SaveConfiguration') {
       contentLeft = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="simConfig.simLabel">
             <NetPyNETextField
               fullWidth
@@ -215,7 +215,7 @@ class NetPyNESimConfig extends React.Component {
         </div>
       );
       contentRight = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="simConfig.saveJson" className="netpyneCheckbox">
             <NetPyNECheckbox model="simConfig.saveJson" />
           </NetPyNEField>
@@ -248,23 +248,6 @@ class NetPyNESimConfig extends React.Component {
           >
             <NetPyNECheckbox model="simConfig.timestampFilename" />
           </NetPyNEField>
-          {/*
-          // TODO: can this be removed?
-           <NetPyNEField id="simConfig.saveHDF5" className={"netpyneCheckbox"} >
-              <NetPyNECheckbox model={"simConfig.saveHDF5"} />
-            </NetPyNEField>
-
-            <NetPyNEField id="simConfig.saveDpk" className={"netpyneCheckbox"} >
-              <NetPyNECheckbox model={"simConfig.saveDpk"} />
-            </NetPyNEField>
-
-            <NetPyNEField id="simConfig.saveDat" className={"netpyneCheckbox"} >
-              <NetPyNECheckbox model={"simConfig.saveDat"} />
-            </NetPyNEField>
-
-            <NetPyNEField id="simConfig.saveCSV" className={"netpyneCheckbox"} >
-              <NetPyNECheckbox model={"simConfig.saveCSV"} />
-            </NetPyNEField> */}
 
           <NetPyNEField id="simConfig.saveTiming" className="netpyneCheckbox">
             <NetPyNECheckbox model="simConfig.saveTiming" />
@@ -273,7 +256,7 @@ class NetPyNESimConfig extends React.Component {
       );
     } else if (this.state.sectionId == 'Record') {
       contentLeft = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="simConfig.recordCells" className="listStyle">
             <ListComponent model="simConfig.recordCells" />
           </NetPyNEField>
@@ -296,7 +279,7 @@ class NetPyNESimConfig extends React.Component {
         </div>
       );
       contentRight = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField
             id="simConfig.saveLFPCells"
             className="netpyneCheckbox"
@@ -315,8 +298,8 @@ class NetPyNESimConfig extends React.Component {
         </div>
       );
     } else if (this.state.sectionId == 'netParams') {
-      var contentLeft = (
-        <div>
+      contentLeft = (
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="netParams.scale">
             <NetPyNETextField
               fullWidth
@@ -366,7 +349,7 @@ class NetPyNESimConfig extends React.Component {
         </div>
       );
       contentRight = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="netParams.sizeX">
             <NetPyNETextField
               fullWidth

webapp/components/definition/stimulationSources/NetPyNEStimulationSource.js

@@ -175,7 +175,7 @@ class NetPyNEStimulationSource extends React.Component {
 
     if (this.state.sourceType == 'IClamp') {
       var variableContent = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="netParams.stimSourceParams.del">
             <NetPyNETextField
               variant="filled"
@@ -209,7 +209,7 @@ class NetPyNEStimulationSource extends React.Component {
       );
     } else if (this.state.sourceType == 'VClamp') {
       var variableContent = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="netParams.stimSourceParams.tau1">
             <NetPyNETextField
               variant="filled"
@@ -275,7 +275,7 @@ class NetPyNEStimulationSource extends React.Component {
       );
     } else if (this.state.sourceType == 'AlphaSynapse') {
       var variableContent = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="netParams.stimSourceParams.onset">
             <NetPyNETextField
               variant="filled"
@@ -319,7 +319,7 @@ class NetPyNEStimulationSource extends React.Component {
       );
     } else if (this.state.sourceType == 'NetStim') {
       var variableContent = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField id="netParams.stimSourceParams.rate">
             <NetPyNETextField
               variant="filled"
@@ -377,7 +377,7 @@ class NetPyNEStimulationSource extends React.Component {
       );
     } else if (this.state.sourceType == 'SEClamp') {
       var variableContent = (
-        <div>
+        <div className="scrollbar scrollchild">
           <NetPyNEField
             id="netParams.stimSourceParams.vClampDur"
             className="listStyle"

webapp/components/definition/synapses/NetPyNESynapse.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React from 'react';
 import TextField from '@material-ui/core/TextField';
 import Box from '@material-ui/core/Box';
 import Dialog from '@material-ui/core/Dialog/Dialog';
@@ -140,9 +140,7 @@ class NetPyNESynapse extends React.Component {
           </Button>
         </DialogActions>
       </Dialog>
-    ) : (
-      undefined
-    );
+    ) : undefined;
 
     if (this.state.synMechMod == '' || this.state.synMechMod == undefined) {
       var content = <div />;