Currently using the Ionic framework and encountering an issue with popup sizing.
$scope.dialog = ngDialog.open(
{
template: 'popup.html'
, className: 'ngdialog-theme-default'
, controller: 'MyCtrl'
);
By default, the popup overlay takes up the entire width of the screen, with the dialog also set to 100% width.
Desiring the dialog to occupy about 80% of the screen instead. I attempted adding a custom class:
, className: 'ngdialog-theme-default mycustomdialog'
.mycustomdialog{width:80%}
This successfully resized the dialog to 80% of the screen, but unfortunately, the overlay also adjusted to 80% width.
Is there a way for the overlay to remain at 100% while the dialog is resized to 80%, or am I missing something in the code?