add custom css class support

[alexmaze]

How about to support an custom css class to root element of context menu?

<div context-menu="menuOptions" context-menu-class="custom_class"></div>

[josetaira]

.testCustomClass {
  background-color: red;
}

This is how it looks like:

It doesn't seem to be applying it to the top element, but to the background instead. Also, I'm not sure how beneficial this would be since any style in the class you'd add in here can also be added through the base class angular-bootstrap-contextmenu

[alexmaze]

I mean if we can add an custom css class to root element we can have different styles of context menus in one page. for example:

<img context-menu="imgMenuOptions" context-menu-class="img-context-menu"></img>
<p context-menu="textMenuOptions" context-menu-class="text-context-menu"></p>

.img-context-menu {
  // one style
}

.text-context-menu {
  // another style
}

if adding styles to angular-bootstrap-contextmenu, it can't separate the two kind of menu

Thanks, alex