Angular 6 настроить размер NgbModal

Question

Я использую Angular 6 и NgbModal как

openViewDescriptionModal(id) {
  const viewModal = this.modalService.open(ProductComponent, {size: 'lg'});
}

Но это открывает модальное с шириной 50% только с 25% пустого пространства с обеих сторон.

Я хочуизменить модальную ширину до 90% ширины окна.

Но есть только sm и lg размеры, разрешенные с NgbModal.

Как я могу увеличить ширинумодального или, возможно, использовать пользовательский класс для увеличения модальной ширины?

Я пытался установить значения, такие как xl до size, но это не работает.Я также пытался настроить CSS модального класса, но это тоже не сработало.

Answer 1

Вы можете установить свойство 'windowClass', ссылающееся на некоторый класс, поэтому ваш код будет выглядеть так:размер для переопределения как:

.modal-xl .modal-lg {
  max-width: 90%;
}