guardian / guardian/dotcom-rendering

Investigate font sizing and completed clue styling

Open
#13,848 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
274
Forks
34
Avg merge
2d 22h
Merged PRs (30d)
121

Description

Some feedback about readability and font sizes from a reader:

> Browser is Safari. iPad model and iOS is 5th generation (about 8 years old) and is iOS 16.07.11. My problem visually is that the comparative size of the solution font in the grid is much larger than the clue font size and this is made more so by highlighting in yellow. My eyes cannot cope with moving from one to the other and gives me a headache within minutes. Previously, the sizes were more similar and the difference not noticeable. I was not the only person to comment on this in the Crossword Comments section. An old age problem with near vision for sure but us crossword solvers are mostly oldies.

![Image](https://github.com/user-attachments/assets/281ca2e1-06b8-4cfb-81ee-164ba801d56c)

The grid font size has increased in the new crossword player, whereas clues have remained the same.

We also no longer override the styles of completed clues when selected so they remain greyed-out, hampering readability against the yellow background. The old player styles all selected clues in bold and overrides the colour to black even if completed.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.