From f8b994de5bc198c9cc8410ffdf524f2d7ec123bb Mon Sep 17 00:00:00 2001 From: jojohoch <joachim.hoch@iqb.hu-berlin.de> Date: Mon, 22 Nov 2021 12:33:58 +0100 Subject: [PATCH] [player] Set display of dynamic section to 'table' This allows to set the background color without limiting the content --- .../player/src/app/components/page/page.component.html | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/projects/player/src/app/components/page/page.component.html b/projects/player/src/app/components/page/page.component.html index c05f68d65..978051f2c 100644 --- a/projects/player/src/app/components/page/page.component.html +++ b/projects/player/src/app/components/page/page.component.html @@ -2,19 +2,16 @@ detectionType="top" [intersectionContainer]="pagesContainer" (intersecting)="onIntersection()"> - <div *ngFor="let section of page.sections; let i = index" - [style.overflow]="'hidden'" - [style.backgroundColor]="section.backgroundColor"> - <app-section + <app-section *ngFor="let section of page.sections; let i = index" class="section" - [style.display]="section.dynamicPositioning ? 'contents' : 'block'" + [style.display]="section.dynamicPositioning ? 'table' : 'block'" + [style.backgroundColor]="section.backgroundColor" [style.minHeight]=" section.dynamicPositioning ? 'auto' : section.height + 'px'" [pageIndex] = parentArrayIndex [parentForm]="pageForm" [parentArrayIndex]="i" [section]="section"> </app-section> - </div> </div> <div appIntersectionDetection detectionType="bottom" -- GitLab