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