From d81f1bcae4005c622911c9b86b7aa7a6e9cce3d2 Mon Sep 17 00:00:00 2001 From: jojohoch <joachim.hoch@iqb.hu-berlin.de> Date: Fri, 5 May 2023 13:17:09 +0200 Subject: [PATCH] [editor] Replace Flex layout module with class in DropListPropertiesC. --- .../input-groups/drop-list-properties.component.ts | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/drop-list-properties.component.ts b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/drop-list-properties.component.ts index 44639ada7..3be66c387 100644 --- a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/drop-list-properties.component.ts +++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/drop-list-properties.component.ts @@ -1,3 +1,4 @@ +// eslint-disable-next-line max-classes-per-file import { Component, EventEmitter, Input, Output, Pipe, PipeTransform } from '@angular/core'; @@ -15,7 +16,7 @@ import { DialogService } from '../../../../services/dialog.service'; selector: 'aspect-drop-list-properties', template: ` <div *ngIf="combinedProperties.type === 'drop-list'" - fxLayout="column"> + class="fx-column-start-stretch"> <aspect-option-list-panel [title]="'preset'" [textFieldLabel]="'Neue Option'" [itemList]="$any(combinedProperties.value)" (addItem)="addOption($event)" @@ -91,7 +92,16 @@ import { DialogService } from '../../../../services/dialog.service'; value: $any($event.target).value })"> </mat-form-field> </div> - ` + `, + styles: [` + .fx-column-start-stretch { + box-sizing: border-box; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: stretch; + } + `] }) export class DropListPropertiesComponent { @Input() combinedProperties!: CombinedProperties; -- GitLab