From f0b7187a57c0104de2be2105a1e9456ba967bf2e Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Thu, 18 Nov 2021 14:31:19 +0100
Subject: [PATCH] [player] Use div container to set the background color of
sections
Since sections in dynamic mode require the "contents" display setting
the background color setting must be outsourced.
This way scroll bars are avoided.
---
.../app/components/page/page.component.css | 1 -
.../app/components/page/page.component.html | 21 +++++++++++--------
2 files changed, 12 insertions(+), 10 deletions(-)
diff --git a/projects/player/src/app/components/page/page.component.css b/projects/player/src/app/components/page/page.component.css
index 185623b18..63b8347cf 100644
--- a/projects/player/src/app/components/page/page.component.css
+++ b/projects/player/src/app/components/page/page.component.css
@@ -1,6 +1,5 @@
.section{
position: relative;
- display: block;
overflow: auto;
width: 100%
}
diff --git a/projects/player/src/app/components/page/page.component.html b/projects/player/src/app/components/page/page.component.html
index 2ffe636f1..7579d73bb 100644
--- a/projects/player/src/app/components/page/page.component.html
+++ b/projects/player/src/app/components/page/page.component.html
@@ -2,15 +2,18 @@
detectionType="top"
[intersectionContainer]="pagesContainer"
(intersecting)="onIntersection()">
- <app-section *ngFor="let section of page.sections; let i = index"
- class="section"
- [pageIndex] = parentArrayIndex
- [parentForm]="pageForm"
- [parentArrayIndex]="i"
- [section]="section"
- [style.backgroundColor]="section.backgroundColor"
- [style.minHeight]=" section.dynamicPositioning ? 'auto' : section.height + 'px'">
- </app-section>
+ <div *ngFor="let section of page.sections; let i = index"
+ [style.backgroundColor]="section.backgroundColor">
+ <app-section
+ class="section"
+ [style.display]="section.dynamicPositioning ? 'contents' : 'block'"
+ [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