diff options
author | Chocobozzz <me@florianbigard.com> | 2020-04-01 16:52:59 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2020-04-01 16:52:59 +0200 |
commit | 45c6bcf312d2e9578501eaaf7511183bc570fe91 (patch) | |
tree | 6f526b1e132f532efa0916765222d260618f8095 /client/src/app/videos/+video-edit/shared | |
parent | d96994289b24c4bbd056660c5fe11fff0f77635e (diff) | |
download | PeerTube-45c6bcf312d2e9578501eaaf7511183bc570fe91.tar.gz PeerTube-45c6bcf312d2e9578501eaaf7511183bc570fe91.tar.zst PeerTube-45c6bcf312d2e9578501eaaf7511183bc570fe91.zip |
Remove deprecated NgbTabsetModule module
Diffstat (limited to 'client/src/app/videos/+video-edit/shared')
-rw-r--r-- | client/src/app/videos/+video-edit/shared/video-edit.component.html | 29 | ||||
-rw-r--r-- | client/src/app/videos/+video-edit/shared/video-edit.component.scss | 8 |
2 files changed, 22 insertions, 15 deletions
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.html b/client/src/app/videos/+video-edit/shared/video-edit.component.html index 6d72e5765..967f3b188 100644 --- a/client/src/app/videos/+video-edit/shared/video-edit.component.html +++ b/client/src/app/videos/+video-edit/shared/video-edit.component.html | |||
@@ -1,8 +1,10 @@ | |||
1 | <div class="video-edit" [formGroup]="form"> | 1 | <div class="video-edit" [formGroup]="form"> |
2 | <ngb-tabset class="root-tabset bootstrap"> | 2 | <div ngbNav #nav="ngbNav" class="nav-tabs"> |
3 | 3 | ||
4 | <ngb-tab i18n-title title="Basic info"> | 4 | <ng-container ngbNavItem> |
5 | <ng-template ngbTabContent> | 5 | <a ngbNavLink i18n>Basic info</a> |
6 | |||
7 | <ng-template ngbNavContent> | ||
6 | <div class="row"> | 8 | <div class="row"> |
7 | <div class="col-md-8"> | 9 | <div class="col-md-8"> |
8 | <div class="form-group"> | 10 | <div class="form-group"> |
@@ -155,10 +157,12 @@ | |||
155 | </div> | 157 | </div> |
156 | </div> | 158 | </div> |
157 | </ng-template> | 159 | </ng-template> |
158 | </ngb-tab> | 160 | </ng-container> |
161 | |||
162 | <ng-container ngbNavItem> | ||
163 | <a ngbNavLink i18n>Captions</a> | ||
159 | 164 | ||
160 | <ngb-tab i18n-title title="Captions"> | 165 | <ng-template ngbNavContent> |
161 | <ng-template ngbTabContent> | ||
162 | <div class="captions"> | 166 | <div class="captions"> |
163 | 167 | ||
164 | <div class="captions-header"> | 168 | <div class="captions-header"> |
@@ -206,10 +210,12 @@ | |||
206 | 210 | ||
207 | </div> | 211 | </div> |
208 | </ng-template> | 212 | </ng-template> |
209 | </ngb-tab> | 213 | </ng-container> |
214 | |||
215 | <ng-container ngbNavItem> | ||
216 | <a ngbNavLink i18n>Advanced settings</a> | ||
210 | 217 | ||
211 | <ngb-tab i18n-title title="Advanced settings"> | 218 | <ng-template ngbNavContent> |
212 | <ng-template ngbTabContent> | ||
213 | <div class="row advanced-settings"> | 219 | <div class="row advanced-settings"> |
214 | <div class="col-md-12 col-xl-8"> | 220 | <div class="col-md-12 col-xl-8"> |
215 | 221 | ||
@@ -262,10 +268,11 @@ | |||
262 | </div> | 268 | </div> |
263 | </div> | 269 | </div> |
264 | </ng-template> | 270 | </ng-template> |
265 | </ngb-tab> | 271 | </ng-container> |
266 | 272 | ||
267 | </ngb-tabset> | 273 | </div> |
268 | 274 | ||
275 | <div [ngbNavOutlet]="nav"></div> | ||
269 | </div> | 276 | </div> |
270 | 277 | ||
271 | <my-video-caption-add-modal | 278 | <my-video-caption-add-modal |
diff --git a/client/src/app/videos/+video-edit/shared/video-edit.component.scss b/client/src/app/videos/+video-edit/shared/video-edit.component.scss index 144914731..90d26e13d 100644 --- a/client/src/app/videos/+video-edit/shared/video-edit.component.scss +++ b/client/src/app/videos/+video-edit/shared/video-edit.component.scss | |||
@@ -19,6 +19,10 @@ my-peertube-checkbox { | |||
19 | margin-bottom: 1rem; | 19 | margin-bottom: 1rem; |
20 | } | 20 | } |
21 | 21 | ||
22 | .nav-tabs { | ||
23 | margin-bottom: 15px; | ||
24 | } | ||
25 | |||
22 | .video-edit { | 26 | .video-edit { |
23 | height: 100%; | 27 | height: 100%; |
24 | min-height: 300px; | 28 | min-height: 300px; |
@@ -145,10 +149,6 @@ p-calendar { | |||
145 | } | 149 | } |
146 | 150 | ||
147 | ::ng-deep { | 151 | ::ng-deep { |
148 | .root-tabset > .nav { | ||
149 | margin-bottom: 15px; | ||
150 | } | ||
151 | |||
152 | .ng2-tag-input { | 152 | .ng2-tag-input { |
153 | border: none !important; | 153 | border: none !important; |
154 | } | 154 | } |