From 0786f99d76b9eb52d25ebe1b74cd467043db8dd9 Mon Sep 17 00:00:00 2001 From: unsettledgames <47360416+unsettledgames@users.noreply.github.com> Date: Fri, 6 Mar 2020 21:39:30 +0100 Subject: [PATCH] Started rectangle tool Added icons and buttons. --- css/pixel-editor.scss | 10 +++++++--- images/rectangle.png | Bin 0 -> 2125 bytes views/pixel-editor.hbs | 28 ++++++++++++++++++++++------ 3 files changed, 29 insertions(+), 9 deletions(-) create mode 100644 images/rectangle.png 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 0000000000000000000000000000000000000000..124d40c2c60597fde530666a2277947064b7a640 GIT binary patch literal 2125 zcmeAS@N?(olHy`uVBq!ia0y~yU;;9k7&usfR9vAYQVtoDuIE)Y6b&?c)^@qfi^%1rX+877Y2q^y~;*F z9%q3^WHAE+-w_aIoT|+y4HRTA@$_|Nf5OZrBB!|E>?cv6h_t7RV@SoVw|DlgTbeA> z{_ua)>`u=XjR`XXCUiJ`F?%Gi%&66AVW2>Zu!11#Ld8N34?lGc~|+%do2V^`_B`{zDh)oyU@%TF)=%9b$k z?%6*Nq8U1@HqR_BPWj4}&{;hD?|x3Us%@*;8D4WRv~UuEVv84q=ktBZdf;VoVE-3u zMu!;;qi8e)MnhmU1P~!`Bkfz5KSNj{Q-c8`QE0>4Kl`efHk{b`_RpRw<_#zOZ~sgJ zm00Ju7gvGk%eO7Jg2Y#zeRHO~`1C8;0}HK$@7= z;QaOM9ozKn#-DH7ygz(UF*SeQyv@ee#>Ssd%FJvJ(`Vv4>;3uKnL36vyBXEb?p>YT z;QaBNP3^-g`{f(<^>|95s&$roI$G3`G; zTfF|+_Rsz8^UpGFRt=C>;9X)p2TVhsQkzMAKYrr(e-N&_pSzVRZCnWN>UO_QmvAUQh^kMk%5tc zu7R + 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 @@ +