diff options
| author | Chocobozzz <me@florianbigard.com> | 2018-08-09 19:08:54 +0200 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2018-08-09 19:08:54 +0200 |
| commit | b04eabb2b0ffe22fbd78245efdd9434860f3b9a1 (patch) | |
| tree | 788039655d9373480cf8f12fb11f69a322a03efa | |
| parent | 141b177db088891e84040f68aa95008fb52f1d44 (diff) | |
| download | PeerTube-b04eabb2b0ffe22fbd78245efdd9434860f3b9a1.tar.gz PeerTube-b04eabb2b0ffe22fbd78245efdd9434860f3b9a1.tar.zst PeerTube-b04eabb2b0ffe22fbd78245efdd9434860f3b9a1.zip | |
Fix videos add tabs style
| -rw-r--r-- | client/src/app/videos/+video-edit/video-add.component.html | 31 | ||||
| -rw-r--r-- | client/src/app/videos/+video-edit/video-add.component.scss | 2 |
2 files changed, 21 insertions, 12 deletions
diff --git a/client/src/app/videos/+video-edit/video-add.component.html b/client/src/app/videos/+video-edit/video-add.component.html index 4c30ddefc..e14e23aed 100644 --- a/client/src/app/videos/+video-edit/video-add.component.html +++ b/client/src/app/videos/+video-edit/video-add.component.html | |||
| @@ -4,18 +4,27 @@ | |||
| 4 | <ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container> | 4 | <ng-container *ngIf="secondStepType === 'upload'" i18n>Upload {{ videoName }}</ng-container> |
| 5 | </div> | 5 | </div> |
| 6 | 6 | ||
| 7 | <tabset class="video-add-tabset root-tabset bootstrap" [ngClass]="{ 'hide-nav': secondStepType !== undefined }"> | 7 | <ngb-tabset class="video-add-tabset root-tabset bootstrap" [ngClass]="{ 'hide-nav': secondStepType !== undefined }"> |
| 8 | 8 | ||
| 9 | <tab i18n-heading heading="Upload a file"> | 9 | <ngb-tab i18n-title title=""> |
| 10 | <my-video-upload #videoUpload (firstStepDone)="onFirstStepDone('upload', $event)"></my-video-upload> | 10 | <ng-template ngbTabTitle><span i18n>Upload a file</span></ng-template> |
| 11 | </tab> | 11 | <ng-template ngbTabContent> |
| 12 | <my-video-upload #videoUpload (firstStepDone)="onFirstStepDone('upload', $event)"></my-video-upload> | ||
| 13 | </ng-template> | ||
| 14 | </ngb-tab> | ||
| 12 | 15 | ||
| 13 | <tab *ngIf="isVideoImportHttpEnabled()" i18n-heading heading="Import with URL"> | 16 | <ngb-tab *ngIf="isVideoImportHttpEnabled()"> |
| 14 | <my-video-import-url #videoImportUrl (firstStepDone)="onFirstStepDone('import-url', $event)"></my-video-import-url> | 17 | <ng-template ngbTabTitle><span i18n>Import with URL</span></ng-template> |
| 15 | </tab> | 18 | <ng-template ngbTabContent> |
| 19 | <my-video-import-url #videoImportUrl (firstStepDone)="onFirstStepDone('import-url', $event)"></my-video-import-url> | ||
| 20 | </ng-template> | ||
| 21 | </ngb-tab> | ||
| 16 | 22 | ||
| 17 | <tab *ngIf="isVideoImportTorrentEnabled()" i18n-heading heading="Import with torrent"> | 23 | <ngb-tab *ngIf="isVideoImportTorrentEnabled()"> |
| 18 | <my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)"></my-video-import-torrent> | 24 | <ng-template ngbTabTitle><span i18n>Import with torrent</span></ng-template> |
| 19 | </tab> | 25 | <ng-template ngbTabContent> |
| 20 | </tabset> | 26 | <my-video-import-torrent #videoImportTorrent (firstStepDone)="onFirstStepDone('import-torrent', $event)"></my-video-import-torrent> |
| 27 | </ng-template> | ||
| 28 | </ngb-tab> | ||
| 29 | </ngb-tabset> | ||
| 21 | </div> | 30 | </div> |
diff --git a/client/src/app/videos/+video-edit/video-add.component.scss b/client/src/app/videos/+video-edit/video-add.component.scss index c1f96cc37..892520e40 100644 --- a/client/src/app/videos/+video-edit/video-add.component.scss +++ b/client/src/app/videos/+video-edit/video-add.component.scss | |||
| @@ -7,7 +7,7 @@ $border-color: #EAEAEA; | |||
| 7 | 7 | ||
| 8 | $background-color: #F7F7F7; | 8 | $background-color: #F7F7F7; |
| 9 | 9 | ||
| 10 | /deep/ tabset.root-tabset.video-add-tabset { | 10 | /deep/ .root-tabset.video-add-tabset { |
| 11 | &.hide-nav .nav { | 11 | &.hide-nav .nav { |
| 12 | display: none !important; | 12 | display: none !important; |
| 13 | } | 13 | } |