From 7187504ee996ab19366d0ec4c2ba40af13c3d15a Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 May 2023 11:15:19 +0200
Subject: [PATCH] [editor] Replace Flex layout module with class in
DropListOptionEditD.
- Reformat styles
---
.../drop-list-option-edit-dialog.component.ts | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts
index 368a21084..11c276f0b 100644
--- a/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts
+++ b/projects/editor/src/app/components/dialogs/drop-list-option-edit-dialog.component.ts
@@ -6,7 +6,7 @@ import { DragNDropValueObject } from 'common/models/elements/element';
@Component({
selector: 'aspect-drop-list-option-edit-dialog',
template: `
- <mat-dialog-content fxLayout="column">
+ <mat-dialog-content class="fx-column-start-stretch">
<mat-form-field>
<mat-label>{{'text' | translate }}</mat-label>
<input #textField matInput type="text" [value]="data.value.text">
@@ -31,7 +31,16 @@ import { DragNDropValueObject } from 'common/models/elements/element';
</button>
<button mat-button mat-dialog-close>{{'cancel' | translate }}</button>
</mat-dialog-actions>
- `
+ `,
+ styles: [`
+ .fx-column-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
+ align-items: stretch;
+ }
+ `]
})
export class DropListOptionEditDialogComponent {
constructor(@Inject(MAT_DIALOG_DATA) public data: { value: DragNDropValueObject }) { }
--
GitLab