From e976e6643e9d95dcebc3acde84383e2d044e401d Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 5 May 2023 13:20:30 +0200
Subject: [PATCH] [editor] Replace Flex layout module with class in
ScaleAndZoomProperties
- Reformat styles
---
.../scale-and-zoom-properties.component.ts | 22 +++++++++++++++----
1 file changed, 18 insertions(+), 4 deletions(-)
diff --git a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/scale-and-zoom-properties.component.ts b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/scale-and-zoom-properties.component.ts
index 6d44b9535..87042535c 100644
--- a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/scale-and-zoom-properties.component.ts
+++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/scale-and-zoom-properties.component.ts
@@ -6,7 +6,7 @@ import { UIElement } from 'common/models/elements/element';
@Component({
selector: 'aspect-scale-and-zoom-properties',
template: `
- <div fxLayout="column" fxLayoutGap="5px">
+ <div class="fx-column-start-stretch fx-fix-gap-5">
<mat-checkbox *ngIf="combinedProperties.scale !== undefined"
[checked]="$any(combinedProperties.scale)"
(change)="updateModel.emit({ property: 'scale', value: $event.checked })">
@@ -44,9 +44,23 @@ import { UIElement } from 'common/models/elements/element';
</div>
</div>
`,
- styles: [
- '.disabled-label {color: rgba(0, 0, 0, 0.26)}'
- ]
+ styles: [`
+ .disabled-label {
+ color: rgba(0, 0, 0, 0.26);
+ }
+
+ .fx-column-start-stretch {
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: stretch;
+ }
+
+ .fx-fix-gap-5 {
+ gap: 5px;
+ }
+ `]
})
export class ScaleAndZoomPropertiesComponent {
@Input() combinedProperties!: UIElement;
--
GitLab