Come impostare la larghezza massima di $ mdDialog?

Question

Sono uno nuovo in css e non posso impostare correttamente la larghezza massima della mia finestra di conferma. Ecco il mio codice di dialogo chiamando:

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

Il problema è che il mio longText non porta e la mia finestra è molto allungata orizzontalmente. Ho provato ad aggiungere style.less localmente e determinare max-width come questo:

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

ma non v'è nessun cambiamento. Qualcuno potrebbe aiutarmi?

Answer 1

per ottenere ciò che si vuole si dovrebbe usare in questo modo:

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

Answer 2

si può provare

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

perché md-finestra non è una classe che è la direttiva che il materiale angolare predefinire