[editor-ui] More textareas

Use textareas in several places where longer text is expected/common.

#637

projects/editor/src/app/components/properties-panel/model-properties-tab/element-model-properties.component.html

@@ -18,14 +18,19 @@
   <mat-form-field *ngIf="combinedProperties.label !== undefined && combinedProperties.required === undefined"
                   appearance="fill">
     <mat-label>{{'propertiesPanel.label' | translate }}</mat-label>
-    <input matInput type="text" [value]="$any(combinedProperties.label)"
-           (input)="updateModel.emit({property: 'label', value: $any($event.target).value })">
+    <textarea matInput type="text"
+              [value]="$any(combinedProperties.label)"
+              (input)="updateModel.emit({property: 'label', value: $any($event.target).value })">
+    </textarea>
+
   </mat-form-field>
 
   <mat-form-field *ngIf="combinedProperties.label2 !== undefined" appearance="fill">
     <mat-label>{{'propertiesPanel.label2' | translate }}</mat-label>
-    <input matInput type="text" [value]="$any(combinedProperties.label2)"
-           (input)="updateModel.emit({property: 'label2', value: $any($event.target).value })">
+    <textarea matInput type="text"
+              [value]="$any(combinedProperties.label2)"
+              (input)="updateModel.emit({property: 'label2', value: $any($event.target).value })">
+    </textarea>
   </mat-form-field>
 
   <aspect-options-field-set [combinedProperties]="combinedProperties"

projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts

@@ -10,8 +10,10 @@ import { UIElement } from 'common/models/elements/element';
       <legend>Eingabeelement</legend>
       <mat-form-field *ngIf="combinedProperties.label !== undefined" appearance="fill">
         <mat-label>{{'propertiesPanel.label' | translate }}</mat-label>
-        <input matInput type="text" [value]="$any(combinedProperties.label)"
-               (input)="updateModel.emit({property: 'label', value: $any($event.target).value })">
+        <textarea matInput type="text"
+                  [value]="$any(combinedProperties.label)"
+                  (input)="updateModel.emit({ property: 'label', value: $any($event.target).value })">
+            </textarea>
       </mat-form-field>
 
       <mat-checkbox *ngIf="combinedProperties.readOnly !== undefined"

projects/editor/src/app/components/properties-panel/option-list-panel.component.ts

@@ -13,8 +13,8 @@ import { Label } from 'common/models/elements/label-interfaces';
       <legend>{{title | translate }}</legend>
       <mat-form-field appearance="outline">
         <mat-label>{{textFieldLabel}}</mat-label>
-        <input #newItem matInput type="text" placeholder="Fragetext"
-               (keyup.enter)="addListItem(newItem.value); newItem.select()">
+        <textarea #newItem matInput cdkTextareaAutosize type="text"
+                  (keyup.enter)="addListItem(newItem.value); newItem.select()"></textarea>
         <button mat-icon-button matSuffix color="primary"
                 (click)="addListItem(newItem.value); newItem.select()">
           <mat-icon>add</mat-icon>