bookwyrm-social/bookwyrm

Layout issues on home timeline on mobile

Aberta

#2.570 aberto em 3 de jan. de 2023

Ver no GitHubGuia do colaborador
 (1 comentário) (0 reação) (0 responsável)Python (326 forks)auto 404
UIbuggood first issue

Métricas do repositório

Stars
 (2.754 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Describe the bug On the home timeline, the CTA for viewing the stats for the last year is too long and exceeds the page border (if the string is long such as in German). Furthermore, the started reading string is displayed wrong. It is shown as name <p> started reading </p>

To Reproduce Steps to reproduce the behavior:

  1. Select a long language (such as German)
  2. Go to the home timeline (/#feed)
  3. Search for a user that has read something

Expected behavior The CTA for viewing the reading stats is displayed properly on mobile (e.g. on two lines) and constraints are added. Another fix could be to use a shorter string such as "Explore" ("Entdecken" in German). The started reading string does not show the <p></p> tags and is translated. I checked CrowdIn and didn't see the tags there so I assume it is a code-level issue

Screenshots Screenshot displaying the bug

Instance bookrastinating.com

Smartphone (please complete the following information): - Device: iPhone 13 Pro - OS: iOS 16.2 - Browser: Safari

Guia do colaborador

Direção de pesquisa
Inspecione o template da timeline inicial para o elemento CTA que causa transbordamento e a string 'started reading' onde tags HTML são renderizadas incorretamente. Verifique as restrições CSS para viewport móvel e corrija a renderização da string 'started reading' escapando HTML ou usando filtros de template para evitar a exibição de tags.
Pilha de tecnologia
pythonhtmlcss
Domain
frontendmobile
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.
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
CSSHTML
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70