lisk-desktop icon indicating copy to clipboard operation
lisk-desktop copied to clipboard

Adapt the transaction creation and summary views to the new design guidelines

Open reyraa opened this issue 1 year ago • 0 comments

Description

Following the new design changes, we now have new styles for labels and values in all transaction forms. The transaction priority and fee values are also slightly different. We should make sure all forms and summery screens look similar to the designs.

Motivation

  • Adapt to the design guide
  • Create a consistent user experience
  • The transaction form for all types for transactions design should be updated
    • We have only updated token transfer and few other transactions
    • We need to cross check following transaction design
      • Reclaim
      • Multi-signature registration
      • Delegate registration
      • Voting
      • Unlocking

More Information

The differences are limited to:

  • The back button has a different design and location.
  • The "Continue" buttons have different
    • Title
    • Width
    • Border radius
  • The screen title seems to have a different typography
  • Input border color, and border radius, and value font size and weight are different.
  • The form field title has a different typography. Same goes for the titles in the summary step, and the value of each title in the summary step.
  • The password input step has different
    • Typography
    • Button title
    • Input spacing and border colors
    • Also the account information, unlike in the design, is not displayed in the app.

reyraa avatar Jul 06 '22 15:07 reyraa