Menubar material

[goyal-Dushi]

Addressing issue #1059.
Designed the Editor UI using material and CSS

editMenuUI.mp4

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/smaranjitghose/doc2pen/4PJ8WN3zTjHyrD5K9yeQYcTsMykw
✅ Preview: https://doc2pen-git-fork-goyal-dushi-menubar-material-smaranjitghose.vercel.app

[AbhipsaGuru1012]

@goyal-Dushi there are some changes that I would recommend

1. The image that you have used for line spacing is slightly bigger than the other images that you have used. Please try to make it of the same height as the other images.

2. Also the input field where you are showing the line-spacing value, can you expand it a bit to fit all the characters. I have attached an image below that shows the current display.
   

[goyal-Dushi]

Hey @AbhipsaGuru1012, I have added your recommended changes.

[anushbhatia]

Double-clicking it goes away. So try resolving that cause if the user sets something and clicks it again it shouldn't go away.

[anushbhatia]

this should be defined in CSS.

[goyal-Dushi]

Hey, @anushbhatia, these are all material imports, thus, they are imported within the component jsx. Check below for the usage.
https://material-ui.com/getting-started/usage/

[goyal-Dushi]

Double-clicking it goes away. So try resolving that cause if the user sets something and clicks it again it shouldn't go away.

Actually, I have made it so that the user could toggle through it. The user is supposed to click the option once in order to get the option to set values. If you want the option to remain after a single click then no problem, I can add so.

[smaranjitghose]

This should not overlap.

When I assigned the issue, I expected a redesign of the complete menubar and not replacement of certain text with material icons

[goyal-Dushi]

Hey, @smaranjitghose, I see you have closed the pull request, I can still customize the layout if you want and the overlap issue if you are accepting the pull request.