Feat: Richtext field full screen mode, similar to markdown fieldtype

[saravanan-inc]

#752
Based on this issue, added a plugin based on the @tinymce/tinymce-react react library
For more details on the plugin refer https://www.tiny.cloud/docs/plugins/opensource/fullscreen/

Added the fullscreen plugin in plugin array and toolbar

[vercel]

@saravanan-inc is attempting to deploy a commit to the Rowy Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
rowy-os	❌ Failed (Inspect)		Nov 24, 2022 at 8:32AM (UTC)

[shamsmosowi]

Hi @saravanan-inc, are you able to run yarn build successfully? the perview deploy is currently failing

[saravanan-inc]

@shamsmosowi yeah yarn build is working in wsl2 using Ubuntu and also in windows 11

[saravanan-inc]

@notsidney I checked your styles and the z-index of the modal is 1200 but we need 1203 to hide the sidebar and also as for the colour since it transparent background is visible

[notsidney]

Thanks for pointing this out @saravanan-inc. The styles were correct, but they weren’t being applied because a more specific CSS selector from the 3rd-party component’s default styles was overriding our styles.

The side drawer’s z-index is theme.zIndex.drawer - 1 (1199) and the full screen rich text editor is theme.zIndex.modal (1300). (MUI z-index values) The transparent background was making the side drawer visible, but you could not interact with the side drawer.