systelab / systelab-components

Systelab Angular common components
MIT License
14 stars 8 forks source link

Image Viewer - large images visibility issue #875

Open alegemaa opened 2 months ago

alegemaa commented 2 months ago

Description By defaut, when using the Image Viewer component, the images were shown using the available screen space. In case of large images, they were adjusted (zoom out) to fit the Window. Now it's not doing this properly, and even using the upper right slider (that controls the zoom), there is no way to see the whole image.

To Reproduce Steps to reproduce the behavior:

  1. Open an image that is much bigger than the screen resolution using the Image Viewer
  2. The image is partially seen, we need to use at least one scroll bar
  3. Try to zoom out using the zoom slider, moving it to the left until the begin of the slider is reached
  4. The image can't still be completely seen, there is still a scroll bar visible

Expected behavior When opening images bigger than screen resolution, they have to adjust to the view port, zooming out until they fit the Image Viewer, without any need to use scroll bars to see them

Screenshots image

Desktop:

Smartphone (please complete the following information):

Additional context Screen resolution: 1920 x 1200. Scale: 125% (but happens also using 100% scale)