Comment mettre en place le max-width de $mdDialog?

Je suis un nouveau dans le css et ne peut pas configurer le max-width de ma boîte de dialogue de confirmation correctement. Voici mon code d'appel de dialogue:

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

Le problème est que mon longText ne transportez pas et mon dialogue est très étirée horizontalement.
J'ai essayé d'ajouter style.less localement et de déterminer max-width comme ceci:

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

Mais il n'y a pas de changements.
Peut-on m'aider?

Pouvez-vous s'il vous plaît copiez ici votre code de vue?
entendez-vous le code de navigateur?
Jetez un oeil à ma réponse.

OriginalL'auteur user3818229 | 2016-07-08

  1. 8

    Pour atteindre ce que vous voulez, vous devez utiliser de cette façon:

    .md-dialog-content {
  max-width: 300px;
}
    J'ai essayé de faire comme vous avez écrit déjà. Mais il n'a pas de sens. Je pense que le problème de mon boîte de dialogue de confirmation d'appel de globalService. Suis-je le droit?
    Même si vous n'avez mis que .md-dialog-content { au lieu de 2 classes?
    Oui, c'est ça.
    Ainsi en est-il correct?
    Nope. Il est corret que si je change mon confirm.html dans globalService. Si j'ajoute ces lignes dans mon local style.less il n'y a pas de sens.

    OriginalL'auteur developer033

  2. 1

    vous pouvez essayer 

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

    parce que le md-dialogue n'est pas une classe, c'est la directive qui angulaire matériel de prédéfinir

    OriginalL'auteur Aravind Reddy