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(

View File

@@ -13,7 +13,9 @@
</mat-form-field>
<div *ngFor="let song of presentationSongs" class="song">
<div class="title">{{song.title}}</div>
<div [class.active]="show.presentationSongId===song.id" class="title song-part">
<div (click)="onSectionClick(song.id, -1)" class="head">{{song.title}}</div>
</div>
<div *ngIf="show" class="song-parts">
<div (click)="onSectionClick(song.id, i)" *ngFor="let section of song.sections; index as i"
[class.active]="show.presentationSongId===song.id && show.presentationSection===i"
@@ -25,9 +27,9 @@
</div>
<div *ngIf="show" class="div-bottom">
<button [routerLink]="'/presentation/monitor/' + currentShowId" mat-icon-button>
<a [routerLink]="'/presentation/monitor/' + currentShowId">
<fa-icon [icon]="faDesktop"></fa-icon>
</button>
</a>
<mat-slider
(ngModelChange)="onZoom($event)"

View File

@@ -11,8 +11,7 @@
.title {
font-weight: bold;
padding: 0 10px 10px 10px;
margin-bottom: 10px;
}
.song-parts {
@@ -59,7 +58,6 @@
border-bottom: 0.5px solid #ddd;
padding: 10px;
font-weight: bold;
}
.fragment {