From 151dbf296738f837fe433c89a41f27a6df563f15 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Tue, 29 Aug 2023 12:37:41 +0200
Subject: [PATCH] [player] Fix dimensions of tabs #529, #530
- Changes were required due to material update
---
.../layouts/pages-layout/pages-layout.component.html | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git a/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.html b/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.html
index 874307254..60be2e98c 100644
--- a/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.html
+++ b/projects/player/src/app/components/layouts/pages-layout/pages-layout.component.html
@@ -65,7 +65,8 @@
</ng-template>
<ng-template #scrollPagesSeparatedView let-pagesContainer>
- <mat-tab-group aspectPageLabel
+ <mat-tab-group [style.min-height.vh]="aspectRatioColumn.scrollPages"
+ aspectPageLabel
[isHidden]="hidePageLabels"
(heightChanged)="tabHeaderHeight = $event"
mat-align-tabs="start"
@@ -74,8 +75,7 @@
(animationDone)="pageChangeService.pageChanged.emit()">
<ng-container *ngFor="let page of scrollPages; let i = index; let last = last">
<mat-tab [label]="'pageIndication' | translate: {index: i + 1}">
- <div [style.height]="'calc(' + minHeight.scrollPages + 'vh - ' + ((page.margin * 2) + tabHeaderHeight) + 'px)'"
- [style.background-color]="page.backgroundColor"
+ <div [style.background-color]="page.backgroundColor"
[style.padding.px]="page.margin"
[style.max-width]="page.hasMaxWidth ? page.maxWidth + 'px' : '100%'">
<aspect-page [pageIndex]="pages | pageIndex: page"
--
GitLab