Change zoomed image margin

[babyPrince]

Hey there, Thank you for the great component!

I'm having issue adjusting the maximum space around the zoomed image. Currently is something like 45px top bottom, what would be the way to adjust those margins? I've tried zoomMargin but it's making the image really small in the centre of the screen when clicked, using:

<ImageZoom
  defaultStyles={{
    overlay: {
      backgroundColor: 'none',
    }
  }}
  zoomMargin="0"

Thanks

[rpearce]

Hi @babyPrince, thank you for using the component and for asking your question – let's get you sorted! I'm looking into this now. Standby...

[rpearce]

@babyPrince, you've pointed out a small issue that's not quite intuitive: String vs Number. Here's a picture of the docs:

As you can see, it's a Number type that's expected, but you're sending a string. It should be able t handle both, though. I'll write up an issue, fix it and add you to the all contributors list!

If you want to fix your issue immediately, change zoomMargin="0" to zoomMargin={0}.

[rpearce]

On second thought, I'll use this issue for issue tracking 🤦‍♂️

[rpearce]

@babyPrince the fix has been published in v3.0.15, and you have been added to the all contributors list. Thanks for the bug report!

[babyPrince]

Hey @rpearce Thank you for the reply. Was reading about the number in the docs, but the whole time didn't hit me I was passing a string!