14 Commits

Author SHA1 Message Date
mattwr18
e307211ada
Keep button on top of crop overlay, but below navbar
Co-Authored-By: Alina Beck <alina.beck@mail.com>
2019-10-14 19:16:02 +02:00
mattwr18
c45f63ffd9 Follow @alina-beck PR suggestions 2019-10-14 16:42:11 +02:00
mattwr18
1c6b5f941b Remove aspect ratio on cropper, limit to max-height 2000px
- discussed it today's internal meeting and agreed upon with
@alina-beck, @Tirokk, @ogerly, @datenbrei, Dennis Hack

- max-height was a suggestion and can be changed at any time
2019-10-14 16:42:11 +02:00
mattwr18
0d5b334f66 Remove unneeded max-heights 2019-10-14 16:42:11 +02:00
mattwr18
cabd68f7d8 Clean up code
- Set dropzoneOptions.url to arrow function which returns empty
string... url is required, but we don't use a restful api, we crop the
image and save the update file(blob) to an image

- set min-height of vuedropzone to 500px to be closer to the cropped
image and to center image overlay

- remove dz-message div, as one is already created automatically by
vue2-dropzone
2019-10-14 16:42:11 +02:00
mattwr18
3beddf1f69 Contain post/contribution form to limit width
- enforce 1.25:1 aspect ratio to be as close to possible with the 1:1
aspect ratio on our root path where we have 3 columns of 300px and a
max-height of 300px
2019-10-14 16:42:11 +02:00
mattwr18
db48e522cf Enforce a 16/9 aspect ratio
- if we set the max height any greater than this, it takes up the entire
page on a desktop screen
2019-10-14 16:42:11 +02:00
mattwr18
fa06696892 Convert canvas to blob to update file
- what was happening is that the file was being autocropped still and
sent to the backend with cropperjs autocrop... these changes update the
file's attributes so they can be saved properly
2019-10-14 16:42:11 +02:00
Brent Vardy
227db5f13a refactored tranformImage to remove dupication
- styled confirm button
- added locale translations
- added dropzoneDrop method to handle scenario where users drag and drop an image whilst in the cropper interface.

- co-authored-by: mattwr18 <mattwr18@gmail.com>
2019-10-14 16:42:11 +02:00
mattwr18
45dfc5cff1 Contain cropper overlay in image preview area
- Co-authored-by: Brent Vardy <brent.vardy@challengelogic.net>
2019-10-14 16:42:10 +02:00
Brent Vardy
d59defedf3 [WIP] - implement basic image cropping solution
#1466

- co-authored-by: mattwr18 <mattwr18@gmail.com>
2019-10-14 16:42:10 +02:00
mattwr18
daf1ae864c Reuse css from ds-card-image, consistent width
- the width of the contribution form is now the same as the post card
2019-09-06 13:08:28 +02:00
mattwr18
d3ad06a5f0 Fix preview image craziness
- depending on the size of the image, the preview looked really blurry
Also, the preview image differed from the image on the PostCard
2019-09-06 12:17:09 +02:00
Matt Rider
2baaf85b21 Extract TeaserImage component, refactor tests 2019-06-25 20:49:09 -03:00