Как настроить максимальную ширину $ mdDialog?

Question

Я новый в css и не могу правильно настроить максимальную ширину моего диалогового окна подтверждения. Вот мой код вызывающего диалога:

this.$mdDialog.show({ 
    content: longText, 
    ok: 'OK', 
    cancel: 'CANCEL' 
    clickOutsideToClose: true, 
}); 

Проблема заключается в том, что мой longText не несет и диалог мой очень растянуто по горизонтали. Я пытался добавить style.less локально и определить max-width так:

.md-dialog { 
    max-width: 300px; 
} 

Но нет никаких изменений. Может кто-нибудь мне помочь?

Answer 1

Чтобы достичь того, чего вы хотите, вы должны использовать этот путь:

.md-dialog-content { 
    max-width: 300px; 
} 

Answer 2

вы можете попробовать

md-dialog{ 
max-width: 300px; 
} 

потому мкр-диалог не является классом это директива, которая Угловая материал предопределить