feat(modal): change modal's z-index manually, without modifying the dist CSS

[eestein]

Hi, is it possible to change the modal's z-index? Currently I display some alerts (swal) after some actions on modals and also I have a datepicker. They're both hidden behind the modal.

Is there a way to manually lower the z-index of the modal without modifying the dist CSS?

Thanks

[BogalooDev]

Markup :
[style.z-index]="getZIndexValue()"
and component code :

 getZIndexValue(): number {
    if (this.datepicker.isShown) {     
      return 1040;
    }
    return 1050;

  }

[eestein]

@BogalooDev thanks, I am changing the z-index and a few other properties within my component's CSS. I'm just trying to avoid doing that...

.dropdown-menu {
    z-index: 2060 !important;
    top: 100% !important;
    bottom: auto !important;
    margin-top: 36px !important;
}

[valorkin]

@eestein modals sucks cuz, any dynamic components will be invisible
I will have to find some way to over come this