ngDialog Breite und Overlay

Question

Im mit Ionic Framework. standardmäßig diesen Code ausgeführt wird:

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

öffnet sich ein Popup, dessen Overlay alle die Breite des Bildschirms einnimmt. Auch die Breite des Dialogs ist 100%.

Ich möchte, dass der Dialog etwa 80% des Bildschirms ausfüllt. eine benutzerdefinierte Klasse wie folgt hinzu:

, className: 'ngdialog-theme-default mycustomdialog' 

.mycustomdialog{width:80%} 

macht den Dialog 80% des Bildschirms zu sein. Das Problem ist, dass das Overlay auch 80% des Bildschirms ausmacht. Was ich denke, ist nicht so nett. Mache ich etwas falsch oder gibt es eine Möglichkeit, das Overlay weiterhin 100% aufzunehmen, während der Dialog 80% beträgt?

Answer 1

Sie müssen die .ngdialog-content Breite 80% basierend auf der hinzugefügten Klasse machen.

tun:

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