adding scroll behaviour to presentation mode
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -1,3 +1,7 @@
|
||||
:host {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
|
||||
.fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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)"
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user