From 2f32e3dfc5d8bd48a689b0b18be816cc75c33c2e Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 May 2023 13:18:14 +0200
Subject: [PATCH] [editor] Replace Flex layout module with class in
InputElementProperties
---
.../input-element-properties.component.ts | 13 +++++++++++--
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts
index ad5edf1c3..193919b9f 100644
--- a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts
+++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/input-element-properties.component.ts
@@ -6,7 +6,7 @@ import { UIElement } from 'common/models/elements/element';
@Component({
selector: 'aspect-input-element-properties',
template: `
- <fieldset *ngIf="combinedProperties.required !== undefined" fxLayout="column">
+ <fieldset *ngIf="combinedProperties.required !== undefined" class="fx-column-start-stretch">
<legend>Eingabeelement</legend>
<mat-form-field *ngIf="combinedProperties.label !== undefined" appearance="fill">
<mat-label>{{'propertiesPanel.label' | translate }}</mat-label>
@@ -33,7 +33,16 @@ import { UIElement } from 'common/models/elements/element';
(input)="updateModel.emit({ property: 'requiredWarnMessage', value: $any($event.target).value })">
</mat-form-field>
</fieldset>
- `
+ `,
+ styles: [`
+ .fx-column-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: stretch;
+ }
+ `]
})
export class InputElementPropertiesComponent {
@Input() combinedProperties!: UIElement;
--
GitLab