ngDialog ширина и наложение

Question

Im с использованием ионного каркаса. По умолчанию работает этот код:

$scope.dialog = ngDialog.open(
{ 
template: 'popup.html' 
, className: 'ngdialog-theme-default' 
, controller: 'MyCtrl' 
); 

открывает всплывающее окно, чье наложение занимает всю ширину экрана. Также ширина диалога составляет 100%.

Я хочу, чтобы диалог занимал около 80% экрана. Добавление пользовательского класса, как это:

, className: 'ngdialog-theme-default mycustomdialog' 

.mycustomdialog{width:80%} 

делает диалог, чтобы быть 80% экрана. Проблема в том, что наложение также становится 80% экрана. Которая, я думаю, не так хороша. Я что-то делаю неправильно или есть способ сделать наложение продолжением, занимающим 100%, а диалог - 80%?

Answer 1

Вам необходимо сделать .ngdialog-content шириной 80% на основе добавленного класса.

ли это:

.ngdialog.mycustomdialog .ngdialog-content{ 
    width:80%; 
}