global CSS names missing namespaces

[solomon23]

The css in this project isn't namespaced which means it's pretty much unusable to insert anywhere https://github.com/ozanyurtsever/verbum/blob/fccf4b1af0421e69f0bf05816f994e395cd990fc/src/EditorComposer.css#L308

One good example is dropdown which is a pretty generic style name to globally overwrite

[DiggesT]

Hello @solomon23, can you review this PR #50 ?

Did I understand you correctly? Every .css file should have his own namespace, and components that used it should be wrapped into <svg> tag which define namespace?

[squishyu]

@DiggesT I don't think that's what was meant. Many of the CSS classnames used in this library can end up conflicting with existing styles.

A common solution to this would be to prefix the classnames (for example with verbum-) - so instead of dropdown it would be verbum-dropdown.

This would allow us to easily override the styles of Verbum components without side effects.

[solomon23]

Ya what @squishyu said

[squishyu]

In case anyone wants to push this forward, I have forked this repo with some personalized changes - the first one being adding className prefixes: https://github.com/squishyu/verbum/commit/c578c7467b974a2da805db7cacb3fe4e97ce7777

It would need some cleaning up and frankly, I don't have enough free time for that.