Create a sticky purchase bar

[danirabbit]

JSFiddle as an example: https://jsfiddle.net/tj111wzr/

This is kind of a few parts:

1. Change the pay-what-you-want section to behave more like the humble-button widget in Appcenter with the popover dropdown
2. Stick it to the page so that any time you're reading the home page you can start the download
3. Remove the second call to action at the bottom of the page since this covers that functionality

Humble button for reference:

---

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

[btkostner]

Do we have ideas for how this will work with #1443?

https://github.com/elementary/mockups/blob/master/web/payment%20data.svg

[danirabbit]

We could put that inside the popover after a separator instead of only when you click the custom area. Then the information would be available for when you're selecting the buttons as well

[danirabbit]

A sketch

[danirabbit]

And another

[danirabbit]

Some discussion about the progressbar: it would be a Patreon-like tier system that resets each month. In the interest of keeping salaries somewhat anonymized, developer tiers should be in terms of number of downloads based on the average download price.

[btkostner]

Question about the suggested-action button arrow, If the popup could also show above the button, which how should the button arrow show? Should the popup only show below the button?

[lordfido]

Is anybody currently working on this feature? (last update is from Nov/2017)

[btkostner]

Nobody is that I know of. I have put a little bit of time to it, and noticed that we set overflow: hidden on the body, which prevents position: sticky. This will probably have some effects different pages besides the homepage.

[sushidub]

Looking for a good fit to contribute over here...noticed this thread. I've got some time mid next week to tackle this if nobody else is on it.