Skip to content

(UX) BottomSheet: Swipe to close share & other modal#95

Open
Taffroi wants to merge 7 commits intojoinloops:mainfrom
Taffroi:ux-share-swipe-to-close
Open

(UX) BottomSheet: Swipe to close share & other modal#95
Taffroi wants to merge 7 commits intojoinloops:mainfrom
Taffroi:ux-share-swipe-to-close

Conversation

@Taffroi
Copy link
Copy Markdown
Contributor

@Taffroi Taffroi commented Mar 13, 2026

Before, the share modal had a bar indicating that you could use your finger to move or close it. However, it didn't actually support swipe gestures.

With this PR, you can now swipe down to close the share modal. The condition to close it is based on the finger velocity, don't hesitate to try it on a real device to see if the threshold is good.

I also removed the extra padding at the bottom of the cancel button, as the safe areas is sufficient.

Enregistrementdelcran2026-03-13174040-ezgif com-video-to-gif-converter(1)

@Taffroi Taffroi changed the title (UX) Swipe to close the share modal (UX) BottomSheet: Swipe to close share & other modal Mar 14, 2026
@Taffroi
Copy link
Copy Markdown
Contributor Author

Taffroi commented Mar 14, 2026

I changed the code to add the BottomSheet functionnality as its own composent so it can be reused on other composents as well. Here I applied it to the OtherModal.

Btw, ShareModal & OtherModal had different background colors, but since it now uses the same BottomSheet base, they are now visually consistent

Enregistrementdelcran2026-03-14141515-ezgif com-video-to-gif-converter

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.

1 participant