Edgeless Toolbar Update

[zanwei]

We would like to have a feature update for Edgeless Toolbar, please refer design

Update Details

1. Font Style
We plan to add 6 font families to enrich the diversity of Edgeless. Additionally, the fonts of the current versions of General and Scribble will use their own names, which are Inter(General) and Kalam(Scribble)

It should be noted that when users switch fonts, the Aa in the Toolbar will change according to the style of the font.

2. Font Size
We have decided to adopt a method of directly selecting numerical values for adjusting font size. Please note that in the current version, the font size will not change when users input a value greater than 200. However, the value will increase with the extent of dragging. Therefore, please remove this restriction, but limit the maximum font size input by users to not exceed 9999.

3. Font Weight
In the new version, we will allow users to choose different font-weight. However, please note that we will limit the number of font-weight. Currently, each font will have a maximum of three weights and a minimum of one weight.

• Please note that if the font has only one font-weight, the dropdown menu will be disabled.
• Please be aware that the names of the font-weights for each font may vary (some might be Light, Regular, Medium, while others could be Regular, Medium, SemiBold). The specific names should be based on the font files provided by the designer.

Font Resources.zip

[hwangdev97]

cc @Flrande and @doodlewind

[oytuntez]

If this text element could be inline formatted just like the Note block, that would be amazing.

[zanwei]

If this text element could be inline formatted just like the Note block, that would be amazing.

Yes, we're working on it actually :)

[oytuntez]

That's great @zanwei! Is there a PR or branch I can test it out?

It looks like I will need to fork to bring some fixes and features to Blocksuite, so I will already have my local environment set up for your tests etc.

[oytuntez]

@zanwei I am currently editing the Note block to make it look like the EdgelessText element. Should I pursue this path, or will we get this inline formatting feature on EdgelessText soon?

[zanwei]

@zanwei I am currently editing the Note block to make it look like the EdgelessText element. Should I pursue this path, or will we get this inline formatting feature on EdgelessText soon?

hi @oytuntez we actually finished the development of this feature, however we still need more time to testing. You could try when it out

[oytuntez]

Perfect @zanwei, thank you! Looking forward to testing it.