New Org Dashboard UI feedback (Cont.) - Githubissues

status-im / open-bounty

Enable communities to distribute funds to push their cause forward.

https://openbounty.status.im/

GNU Affero General Public License v3.0

118 stars 36 forks source link

New Org Dashboard UI feedback (Cont.) #441

Open EugeOrtiz opened 6 years ago

EugeOrtiz commented 6 years ago

New Org Dashboard UI feedback (Cont.)

General

[ ] Welcome message should only appear the first time a new user encounters the screen (even if he didn’t close it).
[ ] Welcome message > “Chat with us” should open SOB chat room https://chat.status.im/#/room/#openbounty:status.im in a new tab
[ ] Distance between blue marker in tabs and first card should be 24px instead of 32px (it should be closer/grouped to the cards)
[ ] Make sure that when bounty gets confirmed, that it disappears from “To confirm” and goes to “Paid out bounties"

Primary cards

[ ] Let’s unify tokens labels “XXXX ETH/SNT/ETC” with Bounties section
[ ] Increase line height of bounties title to 24px (when it’s 2 lines, space is too tight)
[ ] “To confirm” cards > Gray area > paddings between gray area an button should be 14px
[ ] “To confirm” / “To merge” buttons > Font size should be .875rem

“To confirm” > Pending address

[ ] Remove disabled button's shadow
[ ] Change disabled button color to Light-gray 40% opacity [Diff from original design to keep color consistency]
[ ] Change tokens badge background to Light-gray 20% opacity [Diff from original design to keep color consistency]
[ ] Warning icon is missing from message
[ ] Distance between message and disabled button should be 16px
[ ] All disabled tokens labels should have the same style

Secondary cards

[ ] Do not show “Paid out” title if user doesn’t have paid out bounties
[ ] Click on secondary cards should open GH on a new tab
[ ] Review paddings in secondary cards (top, sides > 24px, bottom 32px)

Summary

[ ] Add tooltip
[ ] Review size of $ numbers (now they are uneven and not the right size)
[ ] Review line height for summary subtitles “Open for…” “Paid for…"
[ ] Distance between divider and bottom/top content should be 24px
[ ] There is an extra padding at the bottom > 32px

Nothing to confirm

[ ] Empty box should be the same height as summary box
[ ] “Nothing to…” title font-size should be 1.5rem
[ ] “Nothing to…” title font color should be dark-gray
[ ] “Nothing to…” subtitle should be gray

Designs - Zeplin

Issues with 3 currencies on 1 bounty

[ ] Edge 16, Win 10
[ ] IOS 11, Safari
[ ] Confirm payment button should look the same