From f0dbc7ef38eebfca7598bb53d5eed5295029d8f0 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 May 2023 11:05:46 +0200
Subject: [PATCH] [editor] Replace Flex layout module with classes in
AppComponent
- Reformat styles
---
projects/editor/src/app/app.component.ts | 23 ++++++++++++++++++-----
1 file changed, 18 insertions(+), 5 deletions(-)
diff --git a/projects/editor/src/app/app.component.ts b/projects/editor/src/app/app.component.ts
index 09a99e46f..f13f6f6ea 100644
--- a/projects/editor/src/app/app.component.ts
+++ b/projects/editor/src/app/app.component.ts
@@ -8,14 +8,27 @@ import { UnitService } from './services/unit.service';
@Component({
selector: 'aspect-editor',
template: `
- <div fxLayout="column" class="mainView">
+ <div class="mainView fx-column-start-stretch">
<aspect-toolbar *ngIf="isStandalone"></aspect-toolbar>
- <aspect-unit-view fxFlex></aspect-unit-view>
+ <aspect-unit-view class="fx-flex"></aspect-unit-view>
</div>
`,
- styles: [
- '.mainView {height: 100%;}'
- ]
+ styles: [`
+ .mainView {
+ height: 100%;
+ }
+ .fx-column-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
+ align-items: stretch;
+ }
+ .fx-flex {
+ flex: 1 1 0;
+ box-sizing: border-box;
+ }
+ `]
})
export class AppComponent implements OnInit {
isStandalone = window === window.parent;
--
GitLab