diff --git a/css/pixel-editor.scss b/css/pixel-editor.scss index 8553d5a..f7f2c28 100644 --- a/css/pixel-editor.scss +++ b/css/pixel-editor.scss @@ -434,13 +434,15 @@ svg { #tools-menu li button#pencil-bigger-button, #tools-menu li button#zoom-in-button, -#tools-menu li button#eraser-bigger-button{ +#tools-menu li button#eraser-bigger-button, +#tools-menu li button#rectangle-bigger-button{ left: 0; } #tools-menu li button#pencil-smaller-button, #tools-menu li button#zoom-out-button, -#tools-menu li button#eraser-smaller-button{ +#tools-menu li button#eraser-smaller-button, +#tools-menu li button#rectangle-smaller-button{ right: 0; } @@ -449,7 +451,9 @@ svg { #tools-menu li.selected button#zoom-in-button, #tools-menu li.selected button#zoom-out-button, #tools-menu li.selected button#eraser-bigger-button, -#tools-menu li.selected button#eraser-smaller-button{ +#tools-menu li.selected button#eraser-smaller-button, +#tools-menu li.selected button#rectangle-bigger-button, +#tools-menu li.selected button#rectangle-smaller-button{ display: block; } diff --git a/images/rectangle.png b/images/rectangle.png new file mode 100644 index 0000000..124d40c Binary files /dev/null and b/images/rectangle.png differ diff --git a/views/pixel-editor.hbs b/views/pixel-editor.hbs index c6bbbe2..318b203 100644 --- a/views/pixel-editor.hbs +++ b/views/pixel-editor.hbs @@ -1,6 +1,10 @@ + design an original icon (this is just a placeholder) + + Must also credit this guy for the rectangle tool + Icons made by Freepik from www.flaticon.com +--> @@ -37,6 +41,7 @@ +