From d8f4208b0c38f558bccd7c81fd402ff976df6208 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 May 2023 13:13:06 +0200
Subject: [PATCH] [editor] Replace Flex layout module with class in
BorderPropertiesComp.
---
.../input-groups/border-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/border-properties.component.ts b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/border-properties.component.ts
index 19c59bc7d..9ec559c90 100644
--- a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/border-properties.component.ts
+++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/border-properties.component.ts
@@ -6,7 +6,7 @@ import { UIElement } from 'common/models/elements/element';
@Component({
selector: 'aspect-border-properties',
template: `
- <div fxLayout="column">
+ <div class="fx-column-start-stretch">
<mat-checkbox *ngIf="combinedProperties.hasBorderTop !== undefined"
[checked]="$any(combinedProperties).hasBorderTop"
(change)="updateModel.emit({ property: 'hasBorderTop', value: $event.checked })">
@@ -28,7 +28,16 @@ import { UIElement } from 'common/models/elements/element';
{{'propertiesPanel.hasBorderRight' | translate }}
</mat-checkbox>
</div>
- `
+ `,
+ styles: [`
+ .fx-column-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: stretch;
+ }
+ `]
})
export class BorderPropertiesComponent {
@Input() combinedProperties!: UIElement;
--
GitLab