diff --git a/projects/common/element-components/button.component.ts b/projects/common/element-components/button.component.ts index ec2be98c23c41f5462b628d8402fb7d81f498ace..ab72d54ceab03b287e9944ddbb59c00268e2196c 100644 --- a/projects/common/element-components/button.component.ts +++ b/projects/common/element-components/button.component.ts @@ -15,7 +15,8 @@ import { ButtonElement } from '../unit'; [style.font-size.px]="elementModel.fontSize" [style.font-weight]="elementModel.bold ? 'bold' : ''" [style.font-style]="elementModel.italic ? 'italic' : ''" - [style.text-decoration]="elementModel.underline ? 'underline' : ''"> + [style.text-decoration]="elementModel.underline ? 'underline' : ''" + [style.border-radius.px]="elementModel.borderRadius"> {{elementModel.label}} </button> <input *ngIf="elementModel.imageSrc" type="image" [src]="elementModel.imageSrc" diff --git a/projects/common/unit.ts b/projects/common/unit.ts index 65dbd735278a8d8f10c005d6c04eaa2dc7ca5916..c8ca01b85554897df3dcb485558a7470533ea4aa 100644 --- a/projects/common/unit.ts +++ b/projects/common/unit.ts @@ -84,6 +84,7 @@ export interface TextElement extends SurfaceUIElement { export interface ButtonElement extends TextUIElement, SurfaceUIElement { label: string; imageSrc?: string; + borderRadius?: number; action: undefined | 'previous' | 'next' | 'end'; } diff --git a/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.html b/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.html index 4f616d4ec2d017dd8312f845da8c2c1da3651193..a798ce2af9ca7882e0ff5b51f305cea5613e60d2 100644 --- a/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.html +++ b/projects/editor/src/app/components/unit-view/page-view/properties/element-properties.component.html @@ -32,6 +32,11 @@ <img [src]="combinedProperties.imageSrc" [style.object-fit]="'scale-down'" [width]="200"> + <mat-form-field appearance="fill"> + <mat-label>Kantenradius</mat-label> + <input matInput type="number" [value]="combinedProperties.borderRadius" + (input)="updateModel('borderRadius', $any($event.target).value)"> + </mat-form-field> </div> <mat-form-field *ngIf="combinedProperties.appearance" appearance="fill">