Try to improve permanent live label
This commit is contained in:
parent
ca44cb3692
commit
3eb7ee658d
|
@ -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()">
|
||||||
|
|
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
Loading…
Reference in New Issue