Я создаю форму в диалоговом окне с использованием форм материала, но я не могу представить, чтобы входные данные были более широкими, чем 180 пикселей, несмотря на многочисленные примеры, включая https://material.angular.io/components/input/example.
Я уверен, что это довольно стандартная вещь css, но у меня нет такого мозга, поэтому я не могу понять проблему.
Кто-нибудь имеет серьезный/нетривиальный пример, который работает?
Здесь мое:
<h1 mat-dialog-title>{{title}}</h1>
<mat-dialog-content>
<form novalidate #f="ngForm" class="form-full-width">
<mat-form-field class="input-full-width">
<input type="text" [(ngModel)]="data.name" name="name" matInput placeholder="Name">
<mat-hint>Enter a unique name.</mat-hint>
</mat-form-field>
<mat-form-field class="input-full-width">
<textarea [(ngModel)]="data.description" name="description" matInput placeholder="Description"></textarea>
<mat-hint>You should describe the purpose/use of this thing.</mat-hint>
</mat-form-field>
</form>
</mat-dialog-content>
CSS:
.form-full-width {
min-width: 150px;
max-width: 500px;
width:100%;
}
.input-full-width {
width:800px;
}
.mat-form-field.mat-form-field {
width: auto;
}
Спасибо