Jak ustawić maksymalną szerokość $ mdDialog?

Question

Jestem nowy w css i nie mogę poprawnie ustawić maksymalnej szerokości okna dialogowego potwierdzenia. Oto mój kod oknie wywołującego:

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

Problemem jest to, że mój longText nie prowadzi i mój dialog jest bardzo rozciągnięty w poziomie. Próbowałem dodać style.less lokalnie i określić max-width takiego:

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

Ale nie ma żadnych zmian. Czy ktoś może mi pomóc?

Answer 1

Aby osiągnąć to, co chcesz, należy użyć w ten sposób:

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

Answer 2

można spróbować

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

ponieważ MD-dialog nie jest klasa jest dyrektywa, która materiał kątowe predefine