diff --git a/docs/release-notes-player.md b/docs/release-notes-player.md index f65f32d96af5e11e8d1a18116473aef9048bd6ce..926ad8cdd1615c8abbd736ccdd7f504ab9cd9896 100644 --- a/docs/release-notes-player.md +++ b/docs/release-notes-player.md @@ -1,5 +1,9 @@ Player ====== +## 1.28.2 +### Verbesserungen +- Ermöglicht die Interaktion mit Elementen, die sich hinter einem Rahmenelement befinden + ## 1.28.1 ### Verbesserungen - Darstellung und Verhalten der Warnmeldung von Formelelementen diff --git a/projects/player/src/app/components/section/section.component.css b/projects/player/src/app/components/section/section.component.css index 2ae55651effb3cccf57bae3bbf49ef5e0bfd1b64..2255cf4e9c81b4477b258610723eaf2aaa8284c4 100644 --- a/projects/player/src/app/components/section/section.component.css +++ b/projects/player/src/app/components/section/section.component.css @@ -8,3 +8,7 @@ display: block; position: absolute; } + +.no-pointer-events { + pointer-events: none; +} diff --git a/projects/player/src/app/components/section/section.component.html b/projects/player/src/app/components/section/section.component.html index 9c43e1daa554989cb4d99b7123059c56ab0f655c..8a6d667d286087e268fc93a0c7697daa7d7d0e32 100644 --- a/projects/player/src/app/components/section/section.component.html +++ b/projects/player/src/app/components/section/section.component.html @@ -4,6 +4,7 @@ <ng-container *ngFor="let element of section.elements"> <aspect-element-group-selection class="static-element fixed-size-content" + [class.no-pointer-events]="element.type === 'frame'" [style.width.px]="element.width" [style.height.px]="element.height" [style.left.px]="element.position.xPosition" @@ -25,23 +26,24 @@ [style.backgroundColor]="section.backgroundColor"> <ng-container *ngFor="let element of section.elements"> <aspect-element-group-selection - [style.min-width.px]="element.width" - [style.min-height.px]="element.position.useMinHeight ? element.height : null" - [style.margin-left.px]="element.position.marginLeft" - [style.margin-right.px]="element.position.marginRight" - [style.margin-top.px]="element.position.marginTop" - [style.margin-bottom.px]="element.position.marginBottom" - [style.grid-column-start]="element.position.gridColumn" - [style.grid-column-end]="element.position.gridColumn ? - element.position.gridColumn + element.position.gridColumnRange: - null" - [style.grid-row-start]="element.position.gridRow" - [style.grid-row-end]="element.position.gridRow ? - element.position.gridRow + element.position.gridRowRange: - null" - [style.z-index]="element.position?.zIndex" - [elementModel]="element" - [pageIndex]="pageIndex"> + [class.no-pointer-events]="element.type === 'frame'" + [style.min-width.px]="element.width" + [style.min-height.px]="element.position.useMinHeight ? element.height : null" + [style.margin-left.px]="element.position.marginLeft" + [style.margin-right.px]="element.position.marginRight" + [style.margin-top.px]="element.position.marginTop" + [style.margin-bottom.px]="element.position.marginBottom" + [style.grid-column-start]="element.position.gridColumn" + [style.grid-column-end]="element.position.gridColumn ? + element.position.gridColumn + element.position.gridColumnRange: + null" + [style.grid-row-start]="element.position.gridRow" + [style.grid-row-end]="element.position.gridRow ? + element.position.gridRow + element.position.gridRowRange: + null" + [style.z-index]="element.position?.zIndex" + [elementModel]="element" + [pageIndex]="pageIndex"> </aspect-element-group-selection> </ng-container> </div>