Commit Graph
12 Commits
Author SHA1 Message Date
35750d8d09 Panning with space key (#579)
* Panning with space key

* prevent panning when selecting/dragging & add more checks

* Fix changing current tool via shortcut while panning

* Fix order of statements

* teardown on blur event

* Refactor cursor setting

Co-authored-by: David Luzar <luzar.david@gmail.com>
2020-01-30 17:08:59 -03:00
Guillermo Peralta ScuraandGitHub 2363afa864 Fix Spanish translation (#585) 2020-01-26 17:27:17 -03:00
Guillermo Peralta ScuraandGitHub 67eca2bda1 Add landmarks (#564)
Use HTML semantic elements to set the landmarks of the page.

This is helpful for assistive technologies to determine the different regions of content. In our case it's useful for jumping between the different islands that we use to group the form controls.
2020-01-26 17:14:31 -03:00
Guillermo Peralta ScuraandGitHub e4ff408f23 Accessible modals (#560)
Improve the accessibility of our modals (the color picker and the export dialog)

Implement a focus trap so that tapping through the controls inside them don't escape to outer elements, it also allows to close the modals with the "Escape" key.
2020-01-25 19:37:58 -03:00
Guillermo Peralta ScuraandChristopher Chedeau 69061e20ac Some a11y fixes (#534)
* Rename ToolIcon to ToolButton

It makes more semantic sense

* Label and keyboard shortcuts announcement

* Refactor common props for ToolButton

* Better doc outline and form controls

* Adjust color picker

* Styling fixes

Co-authored-by: Christopher Chedeau <vjeuxx@gmail.com>
2020-01-25 09:52:03 -08:00
Guillermo Peralta ScuraandChristopher Chedeau 1a03a29025 Use relative CSS units (#484) 2020-01-20 14:59:00 -08:00
Guillermo Peralta ScuraandGitHub 3715da9966 Remove not needed nesting for resize (#460) 2020-01-19 18:43:51 -03:00
Guillermo Peralta ScuraandGitHub 7ae52f1164 Add ColorInput component (#455)
* Add ColorInput component

* Use valid color on input blur

* Darken input text and add labels
2020-01-19 18:27:36 -03:00
Guillermo Peralta ScuraandChristopher Chedeau 4c62cbf57e Don't show resize cursor if multiple elements are selected (#353) 2020-01-12 12:24:11 -08:00
Guillermo Peralta ScuraandChristopher Chedeau c67435719f Use cursor delta to resize shape (#341) 2020-01-12 09:05:08 -08:00
Guillermo Peralta ScuraandChristopher Chedeau 4a044d3ace Show move and resize cursors on hover (#280)
* Change to move cursor on hover

* Show resize handlers on hover
2020-01-08 18:56:35 -08:00
Guillermo Peralta ScuraandChristopher Chedeau ea534dd535 Implement redo (#191) 2020-01-05 19:58:54 -08:00