search

aragonone / product

Product pipeline for Aragon One
https://aragon.one
0 stars 1 forks source link

Implement compact address badges #76

Closed luisivan closed 5 years ago

luisivan commented 5 years ago

Designs

Implementation

dizzypaty commented 5 years ago

Compact address badge

Group 38.jpg

Examples in context

Voting cards

WebApp-1366px - Voting main view.png

Signer panel

WebApp-1366px - main-view.png

Preferences empty state

WebApp-1366px - preferences-1.png

Activity panel

WebApp-1366px – Fundraising-main-view.png

Figma file

sohkai commented 5 years ago

@delfipolito Looking over the current client, it looks like the following usages of the IdentityBadge should be compact (assuming the rule is to use the compact form only inside inline text):

Additionally, the following components do not currently use the IdentityBadge, but should start using its compact form:

@dizzypaty The Permissions app has this usage of the IdentityBadge that could be argued is "inline", but I don't think it needs to be adjusted now:

Screen Shot 2019-05-03 at 4 13 17 PM
luisivan commented 5 years ago

Hey @delfipolito! Can you add the Frontend implementation section to the issue? Also, please note that you will also need to coordinate with @dizzypaty in order to put the new compact component in all different places where it's needed. The basic rule is the following: everywhere where it's displayed with inline text. @dizzypaty feel free to expand if there's any other usage rule that I missed.