champloo11 / ng-easy-image-crop

Angular Directive for Easy Server-Side Image Cropping. Handles both original image and scaled image dimensions.
18 stars 3 forks source link

right handles' alignment problem #5

Closed szkrd closed 9 years ago

szkrd commented 9 years ago

Right handles (top, middle, bottom) use percentage left, what was the problem with right+px? With percentage it's inaccurate, especially with smaller values (visible to the naked eye).

#resize_top_right { top:-3px; left: 99.5%; cursor: ne-resize; }

szkrd commented 9 years ago

Well, in fact all of the handles are misaligned (except maybe top left). Use negative margins, like this:

#resize_middle_left {
    top: 50%;
    margin-top: -3px;
    left: -3px;
    cursor: ew-resize;
}

It should look something like this: screen shot 2015-07-02 at 17 05 29

champloo11 commented 9 years ago

Thanks for the bug reports, I will get to them here in a moment.

champloo11 commented 9 years ago

Pushed fix to this issue, closing. Please let me know if you find any additional issues.