forks/peertube
1
0
Fork 0
Code Releases Activity

add description to transcoding profile selector

Browse source
This commit is contained in:
Rigel Kent 2021-01-28 17:21:08 +01:00
parent a59db27090
commit 149e4cc597
No known key found for this signature in database
GPG key ID: 5E53E96A494E452F
2 changed files with 25 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
View file

@ -885,15 +885,22 @@
<div class="form-group mt-4" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }"> <div class="form-group mt-4" [ngClass]="{ 'disabled-checkbox-extra': !isTranscodingEnabled() }">
<label i18n for="transcodingProfile">Transcoding profile</label> <label i18n for="transcodingProfile">Transcoding profile</label>
<span class="text-muted ml-1" i18n>New transcoding profiles can be added by PeerTube plugins</span> <span class="text-muted ml-1" i18n>new transcoding profiles can be added by PeerTube plugins</span>
<div class="peertube-select-container"> <ng-select
<select id="transcodingProfile" formControlName="profile" class="form-control"> id="transcodingProfile"
<option *ngFor="let vodTranscodingProfileOption of getAvailableTranscodingProfile('vod')" [value]="vodTranscodingProfileOption"> formControlName="profile"
{{ vodTranscodingProfileOption }} [items]="getAvailableTranscodingProfile('vod')"
</option> [clearable]="false"
</select> >
</div> <ng-template ng-option-tmp let-item="item" let-index="index">
{{ item }}
<ng-container *ngIf="item === 'default'">
<br>
<span class="text-muted">x264, targeting maximum device compatibility</span>
</ng-container>
</ng-template>
</ng-select>
<div *ngIf="formErrors.transcoding.profile" class="form-error">{{ formErrors.transcoding.profile }}</div> <div *ngIf="formErrors.transcoding.profile" class="form-error">{{ formErrors.transcoding.profile }}</div>
</div> </div>

10
client/src/sass/ng-select.scss
View file

@ -20,6 +20,11 @@ $ng-select-height: 30px;
font-size: .9em; font-size: .9em;
} }
.ng-input,
.ng-select .ng-select-container .ng-value-container {
padding-left: 15px !important;
}
.ng-select { .ng-select {
&.ng-select-focused { &.ng-select-focused {
&:not(.ng-select-opened) > .ng-select-container { &:not(.ng-select-opened) > .ng-select-container {
@ -29,6 +34,11 @@ $ng-select-height: 30px;
.ng-select-container { .ng-select-container {
background-color: pvar(--inputBackgroundColor); background-color: pvar(--inputBackgroundColor);
}
.ng-arrow-wrapper {
padding-right: 12px
} }
&.ng-select-single .ng-value-container .ng-value { &.ng-select-single .ng-value-container .ng-value {