Commit graph

6 commits

Author SHA1 Message Date
Evgenia Karunus
47e9f70761
More image editor improvements (#4676)
* Editor.jsx - make granular rotation [-45, 45] instead of [-45, 44]

* Editor.jsx - add labels to all buttons

* css - center granularRotation's label

* locale - Revert -> Cancel -> Reset

* locale - Rotate => Rotate 90°

Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com>

* Update packages/@uppy/image-editor/src/locale.js

locale - Flip => Flip horizontally

Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com>

* typo fix

* Editor.jsx - add cropbox limitation

* Editor.jsx - always behave as if cropbox is still wrapping the full image on rotation

* Editor.jsx - cropper settings => `.addEventListener`

* cropper.scss - move all Uppy-specific changes into `style.scss`

* css - enable theme-dependent backgrounds

* inputrange.scss - update the version, move all Uppy-specific changes into `style.scss`

* style.scss - improve toolbox styles

* style.scss - make slider :hover/:focus visible!

* prettier - run prettier on our new code

* image editor - fix Alex's "weird image" error

* image editor - add the `quality: 0.8` explanation

* image editor - set the minimum height and width of the cropbox

---------

Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com>
2023-11-01 13:33:11 +00:00
Antoine du Hamel
34c78e9093
meta: run Prettier on existing files (#4713) 2023-09-29 11:11:28 +02:00
Livia Medeiros
8ce10e8c53
image-editor: add checkered background (#4194) 2022-11-09 14:51:39 -03:00
Artur Paikin
dbe3ed25b3
build: add stylelint (#3124)
* add stylelint with stylelint-config-standard

* autofix style issues

* fix more linting issues

* add stylelint-scss

* fix two more

* add stylelint-config-rational-order and autofix order

https://github.com/constverum/stylelint-config-rational-order
2021-08-24 01:37:57 +01:00
Antoine du Hamel
0c510ee799
add more granular image rotation control (#2838)
* add more granular image rotation control

Fixes: https://github.com/transloadit/uppy/issues/2636

* fixup! add more granular image rotation control

* fixup! add more granular image rotation control

* fixup! add more granular image rotation control

* fixup! add more granular image rotation control

* add input-range-scss dependency

* Modify the rotation slider

- Better visual styles for the slider
- Position a toggle in the center of the slider
- Make it work better on moblile
- 90° rotation: rotate counterclockwise
- 90° rotation: update icon

* Use black background for the canvas when rotating (instead of gray)

* Use smaller range for granular rotation input

* Optimize event listeners

* Fix styles and state unsyncronisation

* Update package-lock.json

Co-authored-by: Alexander Zaytsev <nqst@users.noreply.github.com>
Co-authored-by: Artur Paikin <artur@arturpaikin.com>
2021-06-13 14:31:19 +01:00
Artur Paikin
25f4f405fe Move cropping to a standalone image-editor plugin 2020-06-20 16:10:16 +01:00
Renamed from packages/@uppy/dashboard/src/components/FileCard/cropper.scss (Browse further)