Skip to content
Snippets Groups Projects
Commit eee1f1f2 authored by jojohoch's avatar jojohoch
Browse files

[editor] Replace Flex layout module with classes in ElementModelProp.

parent a00ea7a0
No related branches found
No related tags found
No related merge requests found
...@@ -32,3 +32,19 @@ button:not(.media-src-button):not(.mat-mini-fab):not(.mat-icon-button) { ...@@ -32,3 +32,19 @@ button:not(.media-src-button):not(.mat-mini-fab):not(.mat-icon-button) {
:host ::ng-deep .option-draggable:last-child { :host ::ng-deep .option-draggable:last-child {
border: none; border: none;
} }
.fx-column-start-stretch {
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: start;
align-items: stretch;
}
.fx-align-self-center {
align-self: center;
}
.fx-align-self-start {
align-self: start;
}
<div fxLayout="column"> <div class='fx-column-start-stretch'>
<mat-form-field appearance="fill"> <mat-form-field appearance="fill">
<mat-label>{{'propertiesPanel.id' | translate }}</mat-label> <mat-label>{{'propertiesPanel.id' | translate }}</mat-label>
<input matInput type="text" *ngIf="selectedElements.length === 1" [value]="combinedProperties.id" <input matInput type="text" *ngIf="selectedElements.length === 1" [value]="combinedProperties.id"
...@@ -40,19 +40,22 @@ ...@@ -40,19 +40,22 @@
(updateModel)="updateModel.emit($event)"></aspect-border-properties> (updateModel)="updateModel.emit($event)"></aspect-border-properties>
<button *ngIf="combinedProperties.document" <button *ngIf="combinedProperties.document"
mat-raised-button fxFlexAlign="center" class="fx-align-self-center"
mat-raised-button
(click)="unitService.showDefaultEditDialog(selectedElements[0])"> (click)="unitService.showDefaultEditDialog(selectedElements[0])">
Text editieren Text editieren
</button> </button>
<button *ngIf="combinedProperties.src" <button *ngIf="combinedProperties.src"
mat-fab color="primary" fxFlexAlign="center" class="media-src-button" class="media-src-button fx-align-self-center"
mat-fab color="primary"
[matTooltip]="'Medienquelle ändern'" [matTooltipPosition]="'right'" [matTooltip]="'Medienquelle ändern'" [matTooltipPosition]="'right'"
(click)="changeMediaSrc(combinedProperties.type)"> (click)="changeMediaSrc(combinedProperties.type)">
<mat-icon>upload_file</mat-icon> <mat-icon>upload_file</mat-icon>
</button> </button>
<button *ngIf="combinedProperties.player" <button *ngIf="combinedProperties.player"
mat-raised-button fxFlexAlign="center" class="fx-align-self-center"
mat-raised-button
(click)="unitService.showDefaultEditDialog(selectedElements[0])"> (click)="unitService.showDefaultEditDialog(selectedElements[0])">
Medienoptionen Medienoptionen
</button> </button>
...@@ -112,7 +115,8 @@ ...@@ -112,7 +115,8 @@
<ng-container *ngIf="combinedProperties.type === 'checkbox'"> <ng-container *ngIf="combinedProperties.type === 'checkbox'">
{{'preset' | translate }} {{'preset' | translate }}
<mat-button-toggle-group [value]="combinedProperties.value" fxFlexAlign="start" <mat-button-toggle-group class="fx-align-self-start"
[value]="combinedProperties.value"
(change)="updateModel.emit({ property: 'value', value: $event.value })"> (change)="updateModel.emit({ property: 'value', value: $event.value })">
<mat-button-toggle [value]="true">{{'propertiesPanel.true' | translate }}</mat-button-toggle> <mat-button-toggle [value]="true">{{'propertiesPanel.true' | translate }}</mat-button-toggle>
<mat-button-toggle [value]="false">{{'propertiesPanel.false' | translate }}</mat-button-toggle> <mat-button-toggle [value]="false">{{'propertiesPanel.false' | translate }}</mat-button-toggle>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment