Skip to content

bug: Image gallery swipe buttons look incorrect on small images #222

@MartinCupela

Description

@MartinCupela

Describe the bug

Uploading multiple images of which one or more are small results in styling issues.
image

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://getstream.io/chat/demos/messaging/
  2. Go to https://picsum.photos/100.jpg to get 2+ random images of 100w/100h
  3. Download these images
  4. Upload these images to the demo app.
  5. Click on the image to open the GalleryModal
  6. Notice the styling issues

Expected behavior
The GalleryModal to be useable by users when they try to view small images.

Package version

  • stream-chat-react: 10.6.0
  • stream-chat-css: 3.9.0
  • stream-chat-js: 8.3.0

Desktop (please complete the following information):

  • OS: Windows
  • Browser Chrome
  • Version 109

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions