ngDialog宽度和叠加

Question

我正在使用Ionic框架。 默认情况下，运行此代码：

$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%;
}