zoom actions

kleber-swf · Sep 27, 2021 · 49f84d3 · 49f84d3
1 parent 6bb39c1
commit 49f84d3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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;