Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adapt UI according to proposal #5306

Closed
Ade-kola opened this issue Sep 8, 2023 · 0 comments
Closed

Adapt UI according to proposal #5306

Ade-kola opened this issue Sep 8, 2023 · 0 comments
Assignees
Milestone

Comments

@Ade-kola
Copy link

Ade-kola commented Sep 8, 2023

Expected behavior

  • Modal border radius should be 16px.
Screenshot 2023-09-08 at 14 38 14
  • Spacing between modal title and subtext should be 16px. There is an alignment inconsistency with the "Signed message" and the "input view".
Screenshot 2023-09-08 at 14 38 24
  • Only page titles should be 28px , all other page titles should be 24px, check the account, transactions, network, and blocks domain.
Screenshot 2023-09-08 at 14 38 59
  • Account name and address should be centralized with avatar. Currently the wallet name and address are at the top aligned. And when an account does not have a name the wallet address should be centralized with the avatar as well.
Screenshot 2023-09-08 at 14 39 31

Screenshot 2023-09-08 at 15 11 54

  • The spacing between the account name and wallet address should be reduced to 4px and they should be centralized with the avatar.
    Screenshot 2023-09-08 at 15 13 48

  • The "back to wallet" button should be a tertiary button (just a text in Lisk primary color).
    Screenshot 2023-09-08 at 15 07 18

  • Please review the account addition flow based on this flow. Check the spacing, text colors...
    Screenshot 2023-09-08 at 15 05 50

  • Update the staking modal to the specs of this design (font size,font colors, spacing).

Screenshot 2023-09-08 at 14 41 32
  • All empty states description/subtexts below the illustration should be 16px regular.
    Screenshot 2023-09-08 at 14 47 45

Error message

  • All error message should show beneath the input field as a text and not as a banner. Check here

Error fallback UI
When there’s an error loading the app anytime I open it, the error fallback UI should not take the whole desktop app, users should still be able to see their nav bars and top nav. As the error might be from a particular network and not necessarily all the app. So this way, users are able to change the network. Design

@ManuGowda ManuGowda changed the title New General UI Fixes Adapt UI according to proposal #1 Sep 21, 2023
@sridharmeganathan sridharmeganathan added this to the Sprint 111 milestone Oct 23, 2023
@ikem-legend ikem-legend self-assigned this Oct 26, 2023
@github-project-automation github-project-automation bot moved this from Backlog to Done in Lisk Desktop Version 3.0.0 Oct 31, 2023
@ManuGowda ManuGowda changed the title Adapt UI according to proposal #1 Adapt UI according to proposal Oct 31, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Development

No branches or pull requests

4 participants