support multiline dynamic text in presentation mode
This commit is contained in:
@@ -23,7 +23,7 @@
|
|||||||
<div class="date">{{ date | date: "dd.MM.yyyy" }}</div>
|
<div class="date">{{ date | date: "dd.MM.yyyy" }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div *ngIf="songId === 'dynamicText'" @songSwitch class="start fullscreen">
|
<div *ngIf="songId === 'dynamicText'" @songSwitch class="start fullscreen dynamic-text">
|
||||||
<div>{{ presentationDynamicCaption }}</div>
|
<div>{{ presentationDynamicCaption }}</div>
|
||||||
<div class="date">{{ presentationDynamicText }}</div>
|
<div class="date">{{ presentationDynamicText }}</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -33,13 +33,13 @@
|
|||||||
*ngIf="songId !== 'title' && songId !== 'empty'"
|
*ngIf="songId !== 'title' && songId !== 'empty'"
|
||||||
[@songSwitch]="songId"
|
[@songSwitch]="songId"
|
||||||
[fullscreen]="true"
|
[fullscreen]="true"
|
||||||
[index]="index"
|
[index]="index??0"
|
||||||
[showSwitch]="false"
|
[showSwitch]="false"
|
||||||
[text]="song.text"
|
[text]="song.text"
|
||||||
chordMode="hide"
|
chordMode="hide"
|
||||||
></app-song-text>
|
></app-song-text>
|
||||||
<app-legal
|
<app-legal
|
||||||
*ngIf="songId !== 'title' && songId !== 'empty'"
|
*ngIf="songId !== 'title' && songId !== 'empty' && songId !== 'dynamicText'"
|
||||||
[@songSwitch]="songId"
|
[@songSwitch]="songId"
|
||||||
[config]="config$ | async"
|
[config]="config$ | async"
|
||||||
[song]="song"
|
[song]="song"
|
||||||
|
|||||||
@@ -106,7 +106,12 @@
|
|||||||
filter: blur(30px);
|
filter: blur(30px);
|
||||||
opacity: 0.1;
|
opacity: 0.1;
|
||||||
transform: scale(0.8) translateY(-10%);
|
transform: scale(0.8) translateY(-10%);
|
||||||
|
|
||||||
&.no-logo {
|
&.no-logo {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dynamic-text {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user