HabitRPG/habitica

Items can't be purchased on mobile browser due to tooltip overlap

Open

#10 917 ouverte le 21 déc. 2018

Voir sur GitHub
 (30 commentaires) (0 réactions) (0 assignés)JavaScript (10 775 stars) (3 912 forks)batch import
help wantedpriority: mediumsection: Market

Description

From @ieahleen:

"[Mobile browser] I can't buy the pinned items, tapping on them bring up the tooltip which covers them. In the Market the tooltip doesn't appear on the items and Ican buy them."

I can't replicate this, but here's their screenshots: https://drive.google.com/drive/folders/1bBkpAuQlUKo9Y3LcGegn8YyuciSFgD7l

Guide contributeur

Stack technique
javascriptcsshtml
Domaine
frontend
Type d'issue
bug
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.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
stale
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
CSSHTMLbrowser developer tools
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75
Direction de recherche
Examine the tooltip component's CSS and HTML structure for the pinned items view. Focus on how tooltips are positioned on mobile viewports. Review the codebase for existing responsive tooltip styles. Use the screenshots provided in the issue to identify the exact overlap issue. Check if the issue is related to z index or positioning.