Feature: Font sizes

[dg-ac]

Users should be able to adjust the font size in their workbooks.

To begin, let’s place a font size selector in the toolbox, right before the text styling options.

The font size number should act both as a button and as an input. Hovering over it should reveal a 1px solid grey-200 outline. The cursor should change to text.

Some considerations:

• On click, the input can be edited by typing a new value.
• At the same time, a select with a range of presets should open.
• Hitting ‘Enter’ or clicking outside the input should save the new value.
• If an unsupported value is entered (0, empty, non-numeric characters...) the value that was set before focusing on the input should remain.

Regarding the buttons on the sides,

• Pressing the minus button should decrease a px the font size, with a minimum of 1px.
• Pressing the plus button should increase a px the font size, with a maximum of 70px.

---

Notes

1. Icons used are minus and plus, from Lucide
2. The minus button should have 'Decrease font size' as tooltip. The plus button should have 'Increase font size'