[WIP] Add missing material-ui dependency to newIDE

newIDE/package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "flat": "^2.0.1",
     "lodash": "^4.16.4",
+    "material-ui": "^0.16.0",
     "pixi-simple-gesture": "^0.2.2",
     "react": "^15.3.2",
     "react-addons-css-transition-group": "^15.3.2",

newIDE/src/SceneEditor/InstancesFullEditor.js

@@ -10,6 +10,7 @@ import IconButton from 'material-ui/IconButton';
 import NavigationClose from 'material-ui/svg-icons/navigation/close';
 import IconMenu from 'material-ui/IconMenu';
 import MenuItem from 'material-ui/MenuItem';
+import Paper from 'material-ui/Paper';
 import EditorBar from '../UI/EditorBar';
 import ToolbarIcon from '../UI/ToolbarIcon';
 import InfoBar from '../UI/Messages/InfoBar';
@@ -121,12 +122,16 @@ export default class InstancesFullEditor extends Component {
 
     return (
       <div style={{display: 'flex', flex: 1}}>
-        <div style={{
-          width: 200,
-          overflowY: 'scroll',
-        }}>
-          <InstancePropertiesEditor instances={this.state.selectedInstances}/>
-        </div>
+        <Paper
+          style={{width: 200, zIndex: 1}} 
+          zDepth={2}
+        >
+          <div style={{
+            overflowY: 'scroll',
+          }}>
+            <InstancePropertiesEditor instances={this.state.selectedInstances}/>
+          </div>
+        </Paper>
         <div style={{
           flex: 1,
           display: 'flex',