Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Closed
DannyBiezen opened this issue Feb 16, 2023 · 1 comment
Closed

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

DannyBiezen opened this issue Feb 16, 2023 · 1 comment
Labels
bug Something isn't working status:confirmed Described issue has been reproduced by the repo maintainer

Comments

@DannyBiezen
Copy link

DannyBiezen commented Feb 16, 2023 •
edited
Loading

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
@DannyBiezen DannyBiezen added bug Something isn't working status: unconfirmed labels Feb 16, 2023
@MartinCupela MartinCupela added status:confirmed Described issue has been reproduced by the repo maintainer and removed status: unconfirmed labels Mar 7, 2023
@MartinCupela MartinCupela mentioned this issue Mar 7, 2023
Open
@MartinCupela
Copy link
Contributor

 @DannyBiezen thank you for reporting this. Feel free to apply your own CSS to make those buttons smaller or otherwise styled.

I am closing this issue in favor of: GetStream/stream-chat-css#222

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Something isn't working status:confirmed Described issue has been reproduced by the repo maintainer
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@MartinCupela @DannyBiezen