Add z-index to Tribute configuration

[iskandiar]

Right now z-index was set it two places:

• in styles ( z-index: 999999;)
• hardcoded in DOM when generating a menu container ( z-index: 10000;)

It was impossible to override hardcoded value without using !important declaration.

My case:
I have a modal that has z-index: 900000; and I want to show menu container over my modal. I have to override basic tribute styles and add !important (which is not the best practice):

.tribute-container{
   z-index: 999999 !important;
  ....
}

My solution is adding zIndex to Tribute config, by default, it is set to 10000 as it was before, so it should not break anything.

I removed hardcoded z-index value from tribute menu container.

[mrsweaters]

I think we should change the approach here. We should remove it from the JS and only set the z-index in styles so that the z-index can more easily be overwritten.

[iskandiar]

@mrsweaters I removed a hardcoded value, but on the other hand it may break some stuff now.

if someone depends on hardcoded value, after upgrade it won't be applied anymore. In the previous solution, it was extending component in this way, that it should not break anything.