Skip to content

Conversation

@johndoknjas
Copy link
Contributor

@johndoknjas johndoknjas commented Dec 5, 2024

Closes #16400. Fixes the issue by increasing the down-left shift for chart icons on mobile phones. Note: I've tested this on my iphone, but not on others like android. So if someone could test it that would be appreciated.

The following screenshots are for a 1500 player making a 7 0 challenge (also tested a number of other ratings and TCs):

Before:
image

After:
image

@johndoknjas johndoknjas changed the title Chart icons mobile phones Chart icon positions on mobile phones Dec 6, 2024
@johndoknjas johndoknjas marked this pull request as draft December 6, 2024 00:42
@johndoknjas johndoknjas force-pushed the chart-icons-mobile-phones branch from b2cce1f to a61bb1a Compare December 6, 2024 08:20
@johndoknjas johndoknjas marked this pull request as ready for review December 6, 2024 08:28
@schlawg
Copy link
Contributor

schlawg commented Dec 8, 2024

the original sin was subjecting ourselves to font rendering concerns (baseline issues, all that) when drawing icons.

ideally we want to say "center this geegaw in this div and expand to fill available space", or "render this geegaw at XxY on this canvas" and it should be the same on every browser.

short of that, pushing things around to lined them up correctly as this PR does is the best we can hope for.

@ornicar ornicar merged commit ffb26fe into lichess-org:master Dec 10, 2024
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Lobby chart icons slightly too high on mobile phones (web)

3 participants