adding scroll behaviour to presentation mode

This commit is contained in:
2020-04-19 14:57:58 +02:00
committed by smuddy
parent 8bc95552f2
commit cdd0bfec0c
10 changed files with 90 additions and 20 deletions

View File

@@ -1,4 +1,5 @@
<div [style.font-size.px]="zoom" class="fullscreen">
<app-song-text [showSwitch]="false" [text]="song.text" chordMode="hide"></app-song-text>
<div *ngIf="song" [style.font-size.px]="zoom" class="fullscreen">
<app-song-text [fullscreen]="true" [index]="index" [showSwitch]="false" [text]="song.text"
chordMode="hide"></app-song-text>
<app-legal [song]="song"></app-legal>
</div>

View File

@@ -1,3 +1,7 @@
:host {
margin-top: 0 !important;
}
.fullscreen {
position: fixed;
top: 0;

View File

@@ -14,7 +14,7 @@ import {Song} from '../../songs/services/song';
export class MonitorComponent implements OnInit {
public song: Song;
public zoom: number;
private index: number;
public index: number;
private sections: Section[];
constructor(