Модальное диалоговое окно Aurelia - есть ли способ заставить родительское окно исчезать?

Question

Надеемся, что название делает это достаточно понятным.

Немного фона, я создаю и запускаю модальное диалоговое окно aurelia, которое появляется в верхней части родительского окна, из которого оно запускается.

Есть ли способ заставить фоновое (родительское) окно выглядеть блеклым.Я сделал нечто подобное в средах .NET и просто хотел узнать, возможно ли что-нибудь подобное в aurelia?

Некоторые примеры ссылок на диалоги aurelia:

https://www.tutorialspoint.com/aurelia/aurelia_dialog.htm

https://aurelia.io/docs/plugins/dialog#using-the-plugin

Answer 1

Ответ на мой вопрос оказался на одном из форумов aurelia:

https://github.com/aurelia/dialog/issues/84#issuecomment-239429527

Это актуально для обновления вашей CSS, чтобы включить параметры фона / непрозрачности следующим образом:

ai-dialog-overlay.active {
background-color: black;
opacity: .5;
}

Сказав это, имейте в виду, что с тех пор было введено критическое изменение, в результате которого 'ai-dialog' был переименован в 'ux-dialog':

https://discourse.aurelia.io/t/trouble-with-aurelia-dialog-not-displaying-correctly/1382

Итак, код для вашего css должен теперь выглядеть так:

ux-dialog-overlay.active {
opacity: 0.6;
background-color: gray;
}

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