Design fixes on the tipping process

[pedrocasa]

There are some small aesthetic changes that need to be done in the tipping process. ( according to the gifs of https://github.com/Paratii-Video/paratii-portal/pull/705 )

---

the values I got from transparency and sizes from Adobe XD may not be visually similar in code. So if this values are already applied and do not look like https://github.com/Paratii-Video/paratii-portal/issues/684 it might be better to rethink these values

• [x] The disabled buttons should be the same as the normal ones but with 40% of transparency ☝️ resolved via 02d9bdb95cabb99c60f14bbb562cbbe2b2e247c0

• [x] The Background overlay is a #000000 with 85% of transparency ☝️ resolved via ece1b79924ddf2610c2c78457640cc019b143f9a

• [ ] Remove the notification boxes ( if there are more state information that is needed please tell me and I will try to design it in a different way).
• [x] The distances between "you are about to tip" "PTI value" and the " input password" need to be redone ( they need to stay further apart from each other as well as in the issue https://github.com/Paratii-Video/paratii-portal/issues/684) ☝️ resolved via 7ef9ef5126d457e65d789b91763af08eff11890b (@pedrocasa let me know if this should be tweaked further)

• [x] The distances between "thanks for making..." the illustration and "continue watching" are also too tight ☝️ resolved via cf1e3ad03c7129eb9ba19427e0a806562246b197

• [ ] Maybe I'm seeing it wrong because of the low resolution of the gifs but Maybe the stroke of the buttons are a bit too thin ☝️ you are right they were too thin. Resolved via 6133b09b3dc553373e6f29d2f5ac2894f97e1cda

• [ ] I'm not sure about the proportions of things (mostly because I'm not seeing it with real size) Once it's first implemented we can be sure if there'll be any changes of it

Sounds good

[bent0b0x]

Work on some of these now

[bent0b0x]

Remove the notification boxes ( if there are more state information that is needed please tell me and I will try to design it in a different way).

• There are notifications if you unlock your wallet via the standard password modal after clicking the tipping button. Do you want to disable the notifications for this modal if you are accessing it in the tipping flow?

• the only other notification for tipping is a messages that says this if the tip transaction fails: "Unfortunately, something went wrong with the tipping process" Should we put this somewhere else in the UI?

Let me know!

[pedrocasa]

• Let's try to work with it disabled

• This will depend if we want to let the user try it again ( @jellegerbrandy perhaps you can help us with this one). If we do we can show it as an error below the password form, if we don't I'll design a different screen.

[jellegerbrandy]

WE need to show the error in any case, that's for sure, and yes, it would be preferable if the user can try again, but that should not need additional design: on error, the user can just close the modal and then click on the tipping button again and restart the process.

On Tue, Jul 3, 2018 at 8:22 PM Pcasa notifications@github.com wrote:

-

Let's try to work with it disabled

This will depend if we want to let the user try it again ( @jellegerbrandy https://github.com/jellegerbrandy perhaps you can help us with this one). If we do we can show it as an error below the password form, if we don't I'll design a different screen.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Paratii-Video/paratii-portal/issues/749#issuecomment-402249870, or mute the thread https://github.com/notifications/unsubscribe-auth/ABPuPZJRfEG0-IqMd2ZOrEDK8GGJzmJLks5uC7ZugaJpZM4U4p74 .

[bent0b0x]

on error, the user can just close the modal and then click on the tipping button again and restart the process.

I'm not sure I agree with this, as the UX is super annoying. Can't we just allow them to click a button to try again?

[jellegerbrandy]

I don't have strong opinions either way. @pedrocasa ?

[jellegerbrandy]

seems right to me