@JTannerWMF @Dbrant added two variants to save space on smaller screens.

Added Variant C to the task’s description, check it out @JTannerWMF 👋 (the prototype illustrates it best)

Hi @schoenbaechler

I found a way to implement the draggable bottom sheet, please see the demo here:
https://www.youtube.com/watch?v=-W7C0RVwg7E

We can also adjust the "peek" height, which in the demo is around 24dp. Please let me know how you think, and probably we don't need to change our layout for small screen devices.

For small screen devices, you may notice that the article title sometime is fully covered. We may need to update the tooltip to indicate the bottom sheet is draggable.

Checked out the branch @cooltey It works really well!! We only need to adjust the peek height as some fraction of the screen height and we are all set1 Great work @cooltey !! 👏🏼 👏🏼

Hey @cooltey — this is great! Honestly — I’m really happy and impressed that you investigated this further and independently... it’s a major win for the product 👏

I think we should adjust the peek height so users will see that there’s an image at the bottom — like this:

Zeplin

Cheers!

Since we are going with the draggable bottom sheet, @schoenbaechler can we please move this to doing and assign it to @cooltey ?

In T280151#7013574, @schoenbaechler wrote:

Hey @cooltey — this is great! Honestly — I’m really happy and impressed that you investigated this further and independently... it’s a major win for the product 👏

I think we should adjust the peek height so users will see that there’s an image at the bottom — like this:

Zeplin

Cheers!

Hi @schoenbaechler
Is this default that the bottom sheet is collapsed when viewing a new article? The reason why I ask because sometimes the bottom sheet will fully cover the article content on small screen devices.

Hi @schoenbaechler

As we discussed on Slack, I have made the following changes:

1. Make the buttons as parts of the bottom sheet instead of in a fixed layout on the bottom.
2. Only collapse the bottom sheet when the article title is overlapped.

@cooltey — this is perfect! I noticed you incorporated zooming too? WOOOOOW! — what can I say! It feels like this interaction model ist absolutely ideal for this. Peek size is perfect too.

Minor feedback: Sometimes the zoom gesture triggers a tap on the card, see the video below:

https://www.dropbox.com/s/rvvlrozod0e5wez/video-triggers-tap-new.mp4?dl=0

Any chance to optimze it?

Other than that! AMAZING!

Yes and done. Please check it on the latest image recommendation branch.

In T280151#7026482, @cooltey wrote:

Yes and done. Please check it on the latest image recommendation branch.

It’s just perfect! 🤩

Working for me on 2.7.50355-alpha-2021-05-05