status-im/snt-voting

Create responsive design for mobile vs desktop

Aperta

#28 aperta il 29 ott 2018

Vedi su GitHub
 (9 commenti) (0 reazioni) (0 assegnatari)JavaScript (7 fork)auto 404
Voting flowhelp wanted

Metriche repository

Star
 (10 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

Description

We need to implement responsive. Current implementation enlarges the elements from mobile to desktop. This presents a couple of issues:

  • Mobile design not intended for desktop (everything is stretched)
  • Poor UX since we cannot recognize yet if the user is on mobile/desktop. By identifying the user's device, we can improve the experience. E.g. Focus the experience on MM or Ledger if the user is on desktop.

Example: Mobile step4 -_ connect the wallet1

Desktop step 3 - connect

UX mobile & desktop

Guida contributor

Direzione di ricerca
Implementa il design responsivo utilizzando media query CSS e flexbox/grid. Fai riferimento al design Figma per i layout mobile e desktop. Testa su diverse dimensioni dello schermo.
Tech stack
javascriptcssreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
GitCSSHTML
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70