Как настроить максимальную ширину $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;
}

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