Unibeautify / website

Webpage for Unibeautifier
https://unibeautify.com/
MIT License
10 stars 29 forks source link

Improve Multi-Select Code Blocks #196

Open Glavin001 opened 6 years ago

Glavin001 commented 6 years ago

From https://github.com/facebook/Docusaurus/issues/103#issuecomment-398251442

Check out https://github.com/govau/platforms-alpha/blob/master/lib/shared/fileTabs.js

Thoughts on any improvements which can be made to our existing multi-select code blocks? I don't think tabs will work, as @stevenzeck pointed out we have too many options to select, however, this plugin structure looks very promising and potentially more flexible and robust.

stevenzeck commented 6 years ago

The tabs would go into the next row if it takes up too much space:

screen shot 2018-10-17 at 12 33 34 pm

We would also need to style it, modify the source to accept source code instead of the file.

Glavin001 commented 6 years ago

I don't think tabs would work for us, there are some code blocks with many many languages. I like the select box we have no. Maybe use something like Select2 which supports searching? https://select2.org/searching

stevenzeck commented 6 years ago

Should really build this into a proper plugin for Docusaurus instead of our hack.

Glavin001 commented 5 years ago

Looks like Docusaurus has more official support builtin: https://docusaurus.io/docs/en/doc-markdown#language-specific-code-tabs However, it uses tabs which is not idea.