Dear @1001albertpadilla

Now I understand exactly what you meant.

For now, our modals can not occupy 80% of the page width.We will try to change it in next version.

Until now, you can try this solution:

Replace the previous code with:

styles.scss :

.modal-dialog-scrollable .modal-content {
  min-height: 100vh;
}

openAddModal() :

openAddModal() {
    this.modalRef = this.modalService.show(ModalComponent, {
      backdrop: true,
      keyboard: true,
      focus: true,
      show: false,
      ignoreBackdropClick: true,
      class: 'modal-frame col-md-10 modal-notify modal-success modal-dialog-scrollable',
      animated: false,
    });
  }

Best Regards, Bartosz.

Dear @1001albertpadilla

We'll change the modal-full-height class in the next version.

Until now, you can add the code below to your styles.scss

.modal-full-height {
  .modal-content {
    position: absolute;
    min-height: 100%;
    max-height: 100%;
    margin: 0;
    top: 0;
    right: 0;
  }
}

and change openAddModal() to

openAddModal() {
    this.modalRef = this.modalService.show(ModalComponent, {
      backdrop: true,
      keyboard: true,
      focus: true,
      show: false,
      ignoreBackdropClick: true,
      class:
        'modal-frame modal-full-height col-md-10 modal-notify modal-success modal-dialog-scrollable',
      animated: false,
    });
  }

Best Regards, Bartosz.