Bjoren/ResearchMap

Pokéstop icon UX changes

Ouverte

#18 ouverte le 21 mai 2019

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)JavaScript (0 fork)auto 404
front-endhelp wanted

Métriques du dépôt

Stars
 (0 étoile)
Métriques de merge PR
 (Métriques PR en attente)

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

Guide contributeur

Direction de recherche
Explorez l'implémentation actuelle de l'icône Pokéstop dans le code. Comprenez comment les icônes sont rendues et comment les événements de survol/clic sont gérés. Ensuite, implémentez les pop ups : un petit au survol affichant le nom, et un plus grand au clic affichant les informations détaillées de la recherche et les images. Utilisez la bibliothèque pokesprite pour les images de Pokémon.
Stack technique
javascripthtmlcss
Domaine
frontendweb dev
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.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-2 jours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Plutôt claire
Prérequis
GitHTMLCSSJavaScript
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70