diff --git a/src/core/editor.ts b/src/core/editor.ts index b0eefe1..7add5de 100644 --- a/src/core/editor.ts +++ b/src/core/editor.ts @@ -189,8 +189,8 @@ class EditorClass { { id: Actions.MOVE_RIGHT_10, shortcuts: ['shift+ArrowRight'], }, { id: Actions.ZOOM, shortcuts: ['ctrl+wheel'], }, - { id: Actions.ZOOM_IN, shortcuts: ['ctrl+=', 'ctrl++'], }, - { id: Actions.ZOOM_OUT, shortcuts: ['ctrl+-'], }, + { id: Actions.ZOOM_IN, label: 'zoom in', icon: 'fa-plus', shortcuts: ['ctrl+=', 'ctrl++'], }, + { id: Actions.ZOOM_OUT, label: 'zoom out', icon: 'fa-minus', shortcuts: ['ctrl+-'], }, ); return actions; diff --git a/src/editor-view/actions/actions-toolbar.ts b/src/editor-view/actions/actions-toolbar.ts index cae9dc8..725f7b6 100644 --- a/src/editor-view/actions/actions-toolbar.ts +++ b/src/editor-view/actions/actions-toolbar.ts @@ -14,6 +14,9 @@ export class ActionsToolbar extends Widget { this.createButton(actions.getAction(Actions.TOGGLE_GUIDES)); this.createButton(actions.getAction(Actions.TOGGLE_GIZMOS)); this.createSeparator(); + this.createButton(actions.getAction(Actions.ZOOM_OUT)); + this.createButton(actions.getAction(Actions.ZOOM_IN)); + this.createSeparator(); this.createButton(actions.getAction(Actions.PRINT_OBJECT)); this.createSeparator(); this.createButton(actions.getAction(Actions.UNDO)); diff --git a/src/editor-view/game-container/game-container.ts b/src/editor-view/game-container/game-container.ts index 82687ce..44b7a29 100644 --- a/src/editor-view/game-container/game-container.ts +++ b/src/editor-view/game-container/game-container.ts @@ -1,5 +1,6 @@ import { ComponentTags } from 'component-tags'; -import { ActionHandler, Actions } from 'index'; +import { ActionHandler } from 'core/action-handler'; +import { Actions } from 'core/actions'; import './game-container.scss'; const MIN_WIDTH = 100;