fliegwerk / fliegwerk/simple-timer

Use a monospace font for countdown

Open
#18 0 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
5
Forks
2
PR merge metrics
No merged PRs in 30d

Description

**Is your feature request related to a problem? Please describe.**
The digits "jump around" when changing as we're currently using a variable-width font for them. This is especially annoying as due to the centered text, whenever a digit reaches `1` (i.e., at least every 10 seconds), the second digits jump horizontally by a few pixels.

**Describe the solution you'd like**
Use a monospaced font for the digits

**Describe alternatives you've considered**
One alternative might be to align the digits inside the boxes to the left (still somewhat centered, but text-aligned left) to avoid so much jumping, but that's far from ideal.

**Additional context**
GIF: https://i.imgur.com/2t5eBYH.gifv
![TsC5TJbl9k](https://user-images.githubusercontent.com/25147704/84602283-7fba7c00-ae86-11ea-8776-40386118cee2.gif)

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.