У меня есть модальное всплывающее окно, я хочу увеличить его ширину.
вот угловой код
openTaskDetails(content) {
const options : NgbModalOptions={
size : 'lg',
windowClass :'mycustomClass'
}
this.modalService.open(content ,options).result.then((result) => {
this.saveTask(result);
}, (reason) => {
console.log(reason);
});
}
и CSS
.mycustomClass .modal-lg {
width : 80% !important;
max-width: 90% !important;
background-color:red;
}
свойство size работает нормально, а windowClass - нет.
я пытался
.mycustomClass {
width : 80% !important;
max-width: 90% !important;
background-color:red;
}
но такая же проблема все еще существует, ширина всплывающего окна не увеличивается.
когда я проверяю элемент, я вижу имя класса mycustomClass, вставленное в HTML, но css не найден.