ngDialog genişliği ve kaplama

Question

Iyonik çerçeve kullanıyorum. Bu kodu çalıştırarak Varsayılan olarak :

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

olan bindirme ekranının tüm genişliğini kaplıyor bir açılır pencere açar. Ayrıca iletişim kutusunun genişliği% 100'dür.

İletişim kutusunun ekranın yaklaşık% 80'ini almasını istiyorum. böyle bir özel sınıf ekleme:

, className: 'ngdialog-theme-default mycustomdialog' 

.mycustomdialog{width:80%} 

ekranın% 80 olmasını iletişim yapar. Sorun, kaplamanın ekranın% 80'i olması. Bence bu hoş değil. Yanlış bir şey mi yapıyorum yoksa iletişim% 80 iken bindirme% 100 kadar devam etmenin bir yolu var mı?

Answer 1

Eklenen sınıfa bağlı olarak .ngdialog-content genişliğini 80% yapmalısınız.

yapın:

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