status-im/snt-voting

Create responsive design for mobile vs desktop

Ouverte

#28 ouverte le 29 oct. 2018

Voir sur GitHub
 (9 commentaires) (0 réaction) (0 personne assignée)JavaScript (7 forks)auto 404
Voting flowhelp wanted

Métriques du dépôt

Stars
 (10 étoiles)
Métriques de merge PR
 (Métriques PR en attente)

Description

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

Guide contributeur

Direction de recherche
Implémentez un design responsive en utilisant les media queries CSS et flexbox/grid. Référez vous au design Figma pour les mises en page mobile et desktop. Testez sur différentes tailles d'écran.
Stack technique
javascriptcssreact
Domaine
frontend
Type d'issue
Fonctionnalité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Une demi journée
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
GitCSSHTML
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70