Display contributions

[prk-dismoi]

How to display contribution as a Chrome overlay.

All screens on Zeplin: https://zpl.io/aRREekK Prototype video available here: https://drive.google.com/file/d/10303UW6OboZ9TdpKYwk4wkYj5OjL6sMn/view?usp=sharing

Additional notes:

1. on clicking on a notification, Dismoi window slides up from bottom of the screen
2. on closing the Dismoi window, it slides back down to the bottom
3. Dismoi window takes 50% of device screen height
4. L/R swipe between contributions
5. scroll inside contribution
6. on closing Dismoi window, notification number stays the same, but notification bubble is grey, not red
7. when swiping, the logo and the close (X) stay in place, only the contribution containers slide.
8. when swiping, the next contribution locks in center position
9. on deleting a contribution (click on a bin):
   • if there is one contribution only: slide the Dismoi window back down and notification bubble disappears
   • if there is more than 1 contribution: load the previous contribution, and decrease the count of contributions on the notification bubble by 1.
10. the scroll bar inside the contribution works as follows:
    • Scrollbar appear for a brief moment when the scrollable panel is first made visible and then it disappears
    • When the user touches the scrollable content, the scrollbars appear until the user removes his finger
    • While scrolling, the scrollbar is shown. If the content is ‘thrown’, the scrollbar remains until there is no more inertia.
    • Touching the scrollable content should slightly move the content to show that it is scrollable.
    • Only half of the last line of the text (before scroll) is visible