Skip to content
Snippets Groups Projects
Commit 151dbf29 authored by jojohoch's avatar jojohoch
Browse files

[player] Fix dimensions of tabs

#529, #530

- Changes were required due to material update
parent 0dddbe98
No related branches found
No related tags found
No related merge requests found
Pipeline #49893 passed
...@@ -65,7 +65,8 @@ ...@@ -65,7 +65,8 @@
</ng-template> </ng-template>
<ng-template #scrollPagesSeparatedView let-pagesContainer> <ng-template #scrollPagesSeparatedView let-pagesContainer>
<mat-tab-group aspectPageLabel <mat-tab-group [style.min-height.vh]="aspectRatioColumn.scrollPages"
aspectPageLabel
[isHidden]="hidePageLabels" [isHidden]="hidePageLabels"
(heightChanged)="tabHeaderHeight = $event" (heightChanged)="tabHeaderHeight = $event"
mat-align-tabs="start" mat-align-tabs="start"
...@@ -74,8 +75,7 @@ ...@@ -74,8 +75,7 @@
(animationDone)="pageChangeService.pageChanged.emit()"> (animationDone)="pageChangeService.pageChanged.emit()">
<ng-container *ngFor="let page of scrollPages; let i = index; let last = last"> <ng-container *ngFor="let page of scrollPages; let i = index; let last = last">
<mat-tab [label]="'pageIndication' | translate: {index: i + 1}"> <mat-tab [label]="'pageIndication' | translate: {index: i + 1}">
<div [style.height]="'calc(' + minHeight.scrollPages + 'vh - ' + ((page.margin * 2) + tabHeaderHeight) + 'px)'" <div [style.background-color]="page.backgroundColor"
[style.background-color]="page.backgroundColor"
[style.padding.px]="page.margin" [style.padding.px]="page.margin"
[style.max-width]="page.hasMaxWidth ? page.maxWidth + 'px' : '100%'"> [style.max-width]="page.hasMaxWidth ? page.maxWidth + 'px' : '100%'">
<aspect-page [pageIndex]="pages | pageIndex: page" <aspect-page [pageIndex]="pages | pageIndex: page"
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment