Rich Text Editor | Support for increase or decrease indent buttons for nested lists

ni / nimble

The NI Nimble Design System

https://nimble.ni.dev

MIT License

32 stars 8 forks source link

Rich Text Editor | Support for increase or decrease indent buttons for nested lists #1463

Open vikisekarNI opened 1 year ago

vikisekarNI commented 1 year ago

📌 User Story

nimble-rich-text-editor which uses Tiptap under the hood supports lists of different types (numbered lists, bulleted lists, etc.) . For nested lists, it will be nice to have increase or decrease indent buttons.

😮 Current Support (Tiptap)

Tab and Shift+Tab keys are used to adjust indentations

🤔 Expected Support

Decrease/Increase Indentation buttons should be added in nimble-rich-text-editor. Needs visual design inputs.

💬 Relevant discussions

Nimble rich text editor PR comment

jattasNI commented 1 year ago

@vikisekarNI have you reached out to a visual designer yet to inform them of this request? Let us know if you need help getting in touch.

vikisekarNI commented 1 year ago

@jattasNI Thanks for the heads up! We have not yet reached out to any visual designers on this. Any help on getting visual designers bandwidth for this, will be helpful!

On priority of this requirement - This was discussed in a PR Comment and is out of scope for the SLE comments workflow, so this contribution can take it's own pace! I wanted to capture this as an issue without being dropped, so that we can track it to closure.

jattasNI commented 1 year ago

@NIbokeefe here's a low-urgency icon request for you: increase and decrease indent levels for lists. For reference, here are the equivalent icons on AzDO's rich text editor in work items

NIbokeefe commented 1 year ago

The designs for these are complete and filed a user story to implement the new icons into the token library.

https://github.com/ni/nimble/issues/1531