From 181c9aad2280c6eb2dc46196bc6bc0dbb10accb2 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 May 2023 12:48:08 +0200
Subject: [PATCH] [editor] Replace Flex layout module with classes in
PlayerEditDialogC.
---
.../dialogs/player-edit-dialog.component.ts | 25 ++++++++++++++++---
1 file changed, 21 insertions(+), 4 deletions(-)
diff --git a/projects/editor/src/app/components/dialogs/player-edit-dialog.component.ts b/projects/editor/src/app/components/dialogs/player-edit-dialog.component.ts
index 8c432aebd..4357cfbc6 100644
--- a/projects/editor/src/app/components/dialogs/player-edit-dialog.component.ts
+++ b/projects/editor/src/app/components/dialogs/player-edit-dialog.component.ts
@@ -5,10 +5,10 @@ import { PlayerProperties } from 'common/models/elements/element';
@Component({
selector: 'aspect-player-edit-dialog',
template: `
- <mat-dialog-content fxLayout="row">
+ <mat-dialog-content class="fx-row-start-stretch">
<mat-tab-group>
<mat-tab label="{{ 'player.appearance' | translate }}">
- <div fxLayout="column">
+ <div class="fx-column-start-stretch">
<mat-checkbox [checked]="newPlayerConfig.startControl || data.playerProps.startControl"
(change)="newPlayerConfig.startControl = $event.checked">
{{ 'player.startControl' | translate }}
@@ -68,7 +68,7 @@ import { PlayerProperties } from 'common/models/elements/element';
</div>
</mat-tab>
<mat-tab label="{{ 'player.behaviour' | translate }}">
- <div fxLayout="column">
+ <div class="fx-column-start-stretch">
<mat-checkbox [checked]="newPlayerConfig.autostart || data.playerProps.autostart"
(change)="newPlayerConfig.autostart = $event.checked">
{{ 'player.autoStart' | translate }}
@@ -112,7 +112,24 @@ import { PlayerProperties } from 'common/models/elements/element';
<button mat-button [mat-dialog-close]="newPlayerConfig">{{'save' | translate }}</button>
<button mat-button mat-dialog-close>{{'cancel' | translate }}</button>
</mat-dialog-actions>
- `
+ `,
+ styles: [`
+ .fx-row-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: stretch;
+ }
+
+ .fx-column-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: stretch;
+ }
+ `]
})
export class PlayerEditDialogComponent {
newPlayerConfig: PlayerProperties = {} as PlayerProperties;
--
GitLab