Try to improve permanent live label

pull/4468/head
Chocobozzz 2021-10-15 10:54:12 +02:00
parent ca44cb3692
commit 3eb7ee658d
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
3 changed files with 27 additions and 8 deletions

View File

@ -227,15 +227,23 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<my-peertube-checkbox inputName="liveVideoPermanentLive" formControlName="permanentLive"> <div class="peertube-radio-container">
<ng-template ptTemplate="label"> <input type="radio" formControlName="permanentLive" id="permanentLiveFalse" [value]="false">
<ng-container i18n>This is a permanent live</ng-container> <label i18n for="permanentLiveFalse" class="radio">This is a normal live</label>
</ng-template>
<ng-container ngProjectAs="description"> <span class="form-group-description" i18n>
<span i18n>You can stream multiple times in a permanent live. The URL for your viewers won't change but you cannot save replays of your lives</span> You can't stream multiple times in a normal live, but you can save a replay of it that will use the same URL
</ng-container> </span>
</my-peertube-checkbox> </div>
<div class="peertube-radio-container">
<input type="radio" formControlName="permanentLive" id="permanentLiveTrue" [value]="true">
<label i18n for="permanentLiveTrue" class="radio">This is a permanent/recurring live</label>
<span class="form-group-description" i18n>
You can stream multiple times in a permanent/recurring live. The URL for your viewers won't change but you cannot save replays of your lives
</span>
</div>
</div> </div>
<div class="form-group" *ngIf="isSaveReplayEnabled()"> <div class="form-group" *ngIf="isSaveReplayEnabled()">

View File

@ -70,6 +70,8 @@ export class VideoGoLiveComponent extends VideoSend implements OnInit, AfterView
waitTranscoding: true, waitTranscoding: true,
commentsEnabled: true, commentsEnabled: true,
downloadEnabled: true, downloadEnabled: true,
permanentLive: false,
saveReplay: false,
channelId: this.firstStepChannelId channelId: this.firstStepChannelId
} }

View File

@ -438,6 +438,8 @@
cursor: pointer; cursor: pointer;
line-height: 20px; line-height: 20px;
display: inline-block; display: inline-block;
font-size: 15px;
font-weight: $font-regular;
} }
[type=radio]:checked + label::before, [type=radio]:checked + label::before,
@ -473,6 +475,13 @@
opacity: 1; opacity: 1;
transform: scale(1); transform: scale(1);
} }
.form-group-description {
display: block;
margin-top: -10px;
margin-bottom: 10px;
margin-left: 29px;
}
} }
@mixin peertube-checkbox ($border-width) { @mixin peertube-checkbox ($border-width) {