Bjoren/ResearchMap

Pokéstop icon UX changes

Aberta

#18 aberto em 21 de mai. de 2019

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)JavaScript (0 fork)auto 404
front-endhelp wanted

Métricas do repositório

Stars
 (0 estrela)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

The Pokéstop icons should:

  • Be opaque when not clicked or hovered over and no research is attached to it
  • Display a pop-up when hovered over containing its name
  • Display a bigger pop-up when clicked containing more detailed information about attached research
  • Display an image of the rewarded item/Pokémon when a report is attached

https://github.com/msikma/pokesprite/tree/master/icons/pokemon/regular

Guia do colaborador

Direção de pesquisa
Explore a implementação atual do ícone Pokéstop no código. Entenda como os ícones são renderizados e como os eventos de hover/clique são tratados. Em seguida, implemente pop ups: um pequeno ao passar o mouse mostrando o nome, e um maior ao clicar mostrando informações detalhadas da pesquisa e imagens. Use a biblioteca pokesprite para imagens de Pokémon.
Pilha de tecnologia
javascripthtmlcss
Domain
frontendweb dev
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.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-2 dias
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Principalmente claro
Prerequisites
GitHTMLCSSJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70