sjdemartini / mui-tiptap

A Material UI (MUI) styled WYSIWYG rich text editor, using Tiptap
MIT License
320 stars 44 forks source link

Add new `MenuSelectTextAlign` component for TextAlign, using new `MenuSelect` component for improved styles #70

Closed sjdemartini closed 1 year ago

sjdemartini commented 1 year ago

Follow-on to https://github.com/sjdemartini/mui-tiptap/pull/69, MenuSelectTextAlign is an alternative to the individual MenuButtonAlign* components, which is more horizontally compact (similar to what Google Docs uses for text alignment selection):

Screenshot 2023-06-27 at 4 23 29 PM

That select component as well as MenuHeadingSelect (to be renamed later for consistency) now use improved/DRY styles, so they take up less visual space, and so that the unfocused/unhovered state looks more consistent with the menu buttons (no border shown).