Skip to content
This repository has been archived by the owner on Apr 26, 2019. It is now read-only.

New Org Dashboard UI feedback (Cont.) #441

Open
29 tasks
EugeOrtiz opened this issue Apr 26, 2018 · 0 comments
Open
29 tasks

New Org Dashboard UI feedback (Cont.) #441

EugeOrtiz opened this issue Apr 26, 2018 · 0 comments
Assignees
Labels
org-dashboard visual Bugs and improvements related to the visual design of the site

Comments

@EugeOrtiz
Copy link

EugeOrtiz commented Apr 26, 2018

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)

captura de pantalla 2018-04-26 a la s 11 14 29 a m

  • 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

captura de pantalla 2018-04-26 a la s 11 06 43 a m

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
    edge16
  • IOS 11, Safari
    ios11
  • Confirm payment button should look the same
    confirm_payment
@EugeOrtiz EugeOrtiz added org-dashboard visual Bugs and improvements related to the visual design of the site labels Apr 26, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
org-dashboard visual Bugs and improvements related to the visual design of the site
Projects
None yet
Development

No branches or pull requests

2 participants