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.

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

Fix galleries expand past the width of the screen when the links are many #1691

Merged
merged 7 commits into from
Nov 27, 2024

Conversation

pelumy
Copy link
Contributor

@pelumy pelumy commented Nov 15, 2024

Issues covered

#24

Description

This pull request fixes an issue where galleries overflow the screen when there are many links. It updates the layout of the gallery dot indicator to ensure the dots stay within note card's bounds.

How to test

  1. Go to the discover tab and search for the following notes:
    • note1r0nwluducamvwd022t9mxq5teqnxvnwqpq6zwrudgpvg7f8f795qhall8h
    • note10n297akqfrl4kkxj282hzx2l33f3ve3446l7u7gx6pmrnsh6g3zqgec5gg
  2. Please check that the gallery page indicator is not over-stretching the note card.

Screenshots/Video

Before:

Screenshot 2024-11-15 at 5 32 33 PM

After:

Screen.Recording.2024-11-15.at.5.11.38.PM.mov

@joshuatbrown
Copy link
Contributor

👀

Copy link
Contributor

@joshuatbrown joshuatbrown left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is much better already than the overflowing galleries we have in the app today. I'm impressed -- I think this would've taken me a while to figure out. In addition to my suggestion inline, I think it would be really nice, if possible, to have the dots move and animate each time, like the iOS lock screen switcher. We can talk more about that -- it's hard to describe in a comment here.

Nos/Views/Components/Media/GalleryView.swift Outdated Show resolved Hide resolved
@joshuatbrown
Copy link
Contributor

👀

Copy link
Contributor

@joshuatbrown joshuatbrown left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is great!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This and the other files below were duplicates. 🙀

@joshuatbrown joshuatbrown added this pull request to the merge queue Nov 27, 2024
Merged via the queue into main with commit 15ed6b9 Nov 27, 2024
4 checks passed
@joshuatbrown joshuatbrown deleted the fix-gallery-overflow-links branch November 27, 2024 18:23
joshuatbrown added a commit that referenced this pull request Nov 27, 2024
@pelumy
Copy link
Contributor Author

pelumy commented Dec 3, 2024

You did a lot of work @joshuatbrown!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants