Layout issues on home timeline on mobile
#2 570 ouverte le 3 janv. 2023
Métriques du dépôt
- Stars
- (2 754 étoiles)
- Métriques de merge PR
- (Métriques PR en attente)
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:
- Select a long language (such as German)
- Go to the home timeline (/#feed)
- 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
Instance bookrastinating.com
Smartphone (please complete the following information): - Device: iPhone 13 Pro - OS: iOS 16.2 - Browser: Safari