diff --git a/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.html b/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.html index 9441a47ae9db5c982e47aed211f9541dab285b40..81e953b661c4e8bd39f4da2301407cf712bc64db 100644 --- a/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.html +++ b/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.html @@ -1,6 +1,16 @@ <div *ngIf="selectedElements.length > 0" class="properties-panel" fxLayout="column" fxLayoutAlign="space-between stretch"> + <div class="panel-title" fxLayout="column"> + <ng-container *ngIf="combinedProperties.type"> + {{'toolbox.' + combinedProperties.type | translate}} + <span>{{combinedProperties.id}}</span> + </ng-container> + <ng-container *ngIf="!combinedProperties.type"> + <i>Mehrfachauswahl</i> + </ng-container> + </div> + <mat-divider [style.margin-bottom]="0"></mat-divider> <mat-tab-group mat-stretch-tabs> <mat-tab> <ng-template mat-tab-label> diff --git a/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.ts b/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.ts index fbca8b54b75a88a75cd8e3b7f471812197d31f84..3257776fc74ea61835cb3d12a79da1faf041390e 100644 --- a/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.ts +++ b/projects/editor/src/app/components/unit-view/page-view/properties-panel/element-properties-panel.component.ts @@ -23,7 +23,9 @@ import { LikertColumn, LikertRow } from '../../../../../../../common/interfaces/ 'mat-divider {margin: 20px; border-top-width: 9px; border-top-style: dotted;}', '.properties-panel {height: 100%; padding-bottom: 20px}', '.properties-panel .mat-tab-group {height: 100%; overflow: auto}', - ':host ::ng-deep .mat-tab-body-wrapper {height: 100%}' + ':host ::ng-deep .mat-tab-body-wrapper {height: 100%}', + '.panel-title {font-size: x-large; text-align: center;}', + '.panel-title span {font-size: medium;}' ] }) export class ElementPropertiesPanelComponent implements OnInit, OnDestroy {