diff --git a/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css b/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css index 5296e2b15c13d04cfaa00f60025e8d68f5167f96..f76f64f29c28874cd8d9ae37a46436abedfb2e32 100644 --- a/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css +++ b/projects/editor/src/app/components/properties-panel/element-properties-panel.component.css @@ -55,3 +55,9 @@ mat-tab-group { .button-group { border: 3px groove; } + +.no-selection { + text-align: center; + padding-top: 10%; + font-size: large; +} diff --git a/projects/editor/src/app/components/properties-panel/element-properties-panel.component.html b/projects/editor/src/app/components/properties-panel/element-properties-panel.component.html index 166c8bdb95b59845998c088813f75b183f3aac07..449d4abae662927fc17c008e3b01d5ccc8a47400 100644 --- a/projects/editor/src/app/components/properties-panel/element-properties-panel.component.html +++ b/projects/editor/src/app/components/properties-panel/element-properties-panel.component.html @@ -59,5 +59,5 @@ </div> </div> <ng-container *ngIf="selectedElements.length === 0"> - <p>{{'propertiesPanel.noElementSelected' | translate }}</p> + <p class="no-selection">{{'propertiesPanel.noElementSelected' | translate }}</p> </ng-container>