HabitRPG/habitica

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

Open

#10.917 aberto em 21 de dez. de 2018

Ver no GitHub
 (30 comments) (0 reactions) (0 assignees)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

Guia do colaborador

Pilha de tecnologia
javascriptcsshtml
Domain
frontend
Tipo Issue
bug
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.
under 1 hour
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
stale
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
mostly clear
Prerequisites
CSSHTMLbrowser developer tools
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75
Direção de pesquisa
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.