diff --git a/newIDE/app/src/ObjectEditor/Editors/SpriteEditor/SpritesList.js b/newIDE/app/src/ObjectEditor/Editors/SpriteEditor/SpritesList.js
index d97b91f4e9..6e6e42a03c 100644
--- a/newIDE/app/src/ObjectEditor/Editors/SpriteEditor/SpritesList.js
+++ b/newIDE/app/src/ObjectEditor/Editors/SpriteEditor/SpritesList.js
@@ -121,7 +121,7 @@ export default class SpritesList extends Component {
render() {
return (
-
+
-
+
Animation #
diff --git a/newIDE/app/src/ObjectEditor/ObjectEditorDialog.js b/newIDE/app/src/ObjectEditor/ObjectEditorDialog.js
index f03304c7cd..5dfd75dbec 100644
--- a/newIDE/app/src/ObjectEditor/ObjectEditorDialog.js
+++ b/newIDE/app/src/ObjectEditor/ObjectEditorDialog.js
@@ -2,6 +2,14 @@ import React, { Component } from 'react';
import FlatButton from 'material-ui/FlatButton';
import ObjectsEditorService from './ObjectsEditorService';
import Dialog from '../UI/Dialog';
+import { Column, Line } from '../UI/Grid';
+import { Tabs, Tab } from 'material-ui/Tabs';
+
+const styles = {
+ titleContainer: {
+ padding: 0,
+ }
+}
export default class ObjectEditorDialog extends Component {
constructor(props) {
@@ -9,6 +17,7 @@ export default class ObjectEditorDialog extends Component {
this.state = {
editor: null,
+ currentTab: 'properties',
};
}
@@ -25,6 +34,12 @@ export default class ObjectEditorDialog extends Component {
}
}
+ _onChangeTab = value => {
+ this.setState({
+ currentTab: value,
+ });
+ };
+
_onApply = () => {
if (this.props.onApply) this.props.onApply();
};
@@ -42,7 +57,6 @@ export default class ObjectEditorDialog extends Component {
if (!editor) return null;
const actions = [
- ,
+
+
+
+
+
+ }
+ titleStyle={styles.titleContainer}
>
- {EditorComponent &&
+ {currentTab === 'properties' &&
+ EditorComponent &&
}
+ {currentTab === 'behaviors' &&
+
+ Behaviors are not available yet
+ }
+
);
}
diff --git a/newIDE/app/src/UI/MiniToolbar.js b/newIDE/app/src/UI/MiniToolbar.js
index b2eb7327fc..c4a5d39e00 100644
--- a/newIDE/app/src/UI/MiniToolbar.js
+++ b/newIDE/app/src/UI/MiniToolbar.js
@@ -5,16 +5,19 @@ const style = {
display: 'flex',
alignItems: 'center',
height: 34,
+ paddingLeft: 5,
+ paddingRight: 5,
};
class ThemableMiniToolbar extends Component {
render() {
- const { muiTheme, justifyContent } = this.props;
+ const { muiTheme, justifyContent, smallest } = this.props;
return (