Fix videos add tabs style
This commit is contained in:
parent
141b177db0
commit
b04eabb2b0
2 changed files with 21 additions and 12 deletions
|
@ -4,18 +4,27 @@
|
||||||
<ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container>
|
<ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<tabset class="video-add-tabset root-tabset bootstrap" [ngClass]="{ 'hide-nav': secondStepType !== undefined }">
|
<ngb-tabset class="video-add-tabset root-tabset bootstrap" [ngClass]="{ 'hide-nav': secondStepType !== undefined }">
|
||||||
|
|
||||||
<tab i18n-heading heading="Upload a file">
|
<ngb-tab i18n-title title="">
|
||||||
<my-video-upload #videoUpload (firstStepDone)="onFirstStepDone('upload', $event)"></my-video-upload>
|
<ng-template ngbTabTitle><span i18n>Upload a file</span></ng-template>
|
||||||
</tab>
|
<ng-template ngbTabContent>
|
||||||
|
<my-video-upload #videoUpload (firstStepDone)="onFirstStepDone('upload', $event)"></my-video-upload>
|
||||||
|
</ng-template>
|
||||||
|
</ngb-tab>
|
||||||
|
|
||||||
<tab *ngIf="isVideoImportHttpEnabled()" i18n-heading heading="Import with URL">
|
<ngb-tab *ngIf="isVideoImportHttpEnabled()">
|
||||||
<my-video-import-url #videoImportUrl (firstStepDone)="onFirstStepDone('import-url', $event)"></my-video-import-url>
|
<ng-template ngbTabTitle><span i18n>Import with URL</span></ng-template>
|
||||||
</tab>
|
<ng-template ngbTabContent>
|
||||||
|
<my-video-import-url #videoImportUrl (firstStepDone)="onFirstStepDone('import-url', $event)"></my-video-import-url>
|
||||||
|
</ng-template>
|
||||||
|
</ngb-tab>
|
||||||
|
|
||||||
<tab *ngIf="isVideoImportTorrentEnabled()" i18n-heading heading="Import with torrent">
|
<ngb-tab *ngIf="isVideoImportTorrentEnabled()">
|
||||||
<my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)"></my-video-import-torrent>
|
<ng-template ngbTabTitle><span i18n>Import with torrent</span></ng-template>
|
||||||
</tab>
|
<ng-template ngbTabContent>
|
||||||
</tabset>
|
<my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)"></my-video-import-torrent>
|
||||||
|
</ng-template>
|
||||||
|
</ngb-tab>
|
||||||
|
</ngb-tabset>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -7,7 +7,7 @@ $border-color: #EAEAEA;
|
||||||
|
|
||||||
$background-color: #F7F7F7;
|
$background-color: #F7F7F7;
|
||||||
|
|
||||||
/deep/ tabset.root-tabset.video-add-tabset {
|
/deep/ .root-tabset.video-add-tabset {
|
||||||
&.hide-nav .nav {
|
&.hide-nav .nav {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue