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 (