diff --git a/projects/editor/src/app/components/unit-view/page-view/properties-panel/model-properties-tab/element-model-properties.component.ts b/projects/editor/src/app/components/unit-view/page-view/properties-panel/model-properties-tab/element-model-properties.component.ts index 3920eb8d9fe8b20ca48343562ea13cb696133543..e6cc0c7ca7c419234a36c0d43390c6560566dbb7 100644 --- a/projects/editor/src/app/components/unit-view/page-view/properties-panel/model-properties-tab/element-model-properties.component.ts +++ b/projects/editor/src/app/components/unit-view/page-view/properties-panel/model-properties-tab/element-model-properties.component.ts @@ -13,6 +13,7 @@ import { UIElement } from '../../../../../../../../common/interfaces/elements'; import { LikertColumn, LikertRow } from '../../../../../../../../common/interfaces/likert'; +import { SelectionService } from '../../../../../services/selection.service'; @Component({ selector: 'aspect-element-model-properties-component', @@ -28,7 +29,7 @@ export class ElementModelPropertiesComponent { isInputValid?: boolean | null }>(); - constructor(public unitService: UnitService) { } + constructor(public unitService: UnitService, public selectionService: SelectionService) { } addOption(property: string, value: string): void { this.updateModel.emit({ diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.html b/projects/editor/src/app/components/unit-view/unit-view.component.html index 4b10e09a2717a48669a0639d348204a2195d1efb..02bbd848ec9442e38fac5c8568fe1b01cb0bedfc 100644 --- a/projects/editor/src/app/components/unit-view/unit-view.component.html +++ b/projects/editor/src/app/components/unit-view/unit-view.component.html @@ -53,14 +53,15 @@ {{'pageProperties.maxWidth' | translate }} </mat-checkbox> <mat-form-field *ngIf="page.hasMaxWidth" class="menuItem" appearance="fill"> - <mat-label>{{'maxWidth' | translate }}</mat-label> + <mat-label>{{'pageProperties.maxInnerPageWidth' | translate }}</mat-label> <input matInput type="number" min="0" #maxWidth="ngModel" [ngModel]="page.maxWidth" (click)="$any($event).stopPropagation()" (ngModelChange)="updateModel(page,'maxWidth', $event, maxWidth.valid)"> </mat-form-field> <mat-form-field class="menuItem" appearance="fill"> - <mat-label>{{'pageProperties.marginWidth' | translate }}</mat-label> + <mat-label *ngIf="page.hasMaxWidth">{{'pageProperties.additionalMarginWidth' | translate }}</mat-label> + <mat-label *ngIf="!page.hasMaxWidth">{{'pageProperties.marginWidth' | translate }}</mat-label> <input matInput type="number" min="0" #margin="ngModel" [ngModel]="page.margin" (click)="$any($event).stopPropagation()" diff --git a/projects/editor/src/assets/i18n/de.json b/projects/editor/src/assets/i18n/de.json index 9ed3832cecd7c5b3ab08d9c81d7e600923683222..410c1915970ff4462e55c01b2c7d4d3b09e77b25 100644 --- a/projects/editor/src/assets/i18n/de.json +++ b/projects/editor/src/assets/i18n/de.json @@ -29,7 +29,9 @@ }, "pageProperties": { "maxWidth": "Maximalbreite", + "maxInnerPageWidth": "Satzspiegelbreite", "marginWidth": "Randbreite", + "additionalMarginWidth": "Stegbreite", "backgroundColor": "Hintergrundfarbe", "alwaysVisible": "Immer angezeigt", "position": "Position",