status-im/snt-voting

Create responsive design for mobile vs desktop

Aberta

#28 aberto em 29 de out. de 2018

Ver no GitHub
 (9 comentários) (0 reação) (0 responsável)JavaScript (7 forks)auto 404
Voting flowhelp wanted

Métricas do repositório

Stars
 (10 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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

Guia do colaborador

Direção de pesquisa
Implemente o design responsivo usando media queries CSS e flexbox/grid. Consulte o design Figma para layouts mobile e desktop. Teste em diferentes tamanhos de tela.
Pilha de tecnologia
javascriptcssreact
Domain
frontend
Tipo Issue
Funcionalidade
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitCSSHTML
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70