From 45c6bcf312d2e9578501eaaf7511183bc570fe91 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 1 Apr 2020 16:52:59 +0200 Subject: Remove deprecated NgbTabsetModule module --- .../+video-edit/shared/video-edit.component.html | 29 ++++---- .../+video-edit/shared/video-edit.component.scss | 8 +-- .../videos/+video-edit/video-add.component.html | 38 +++++++---- .../videos/+video-edit/video-add.component.scss | 77 ++++++++++------------ .../+video-watch/modal/video-share.component.html | 36 +++++----- .../+video-watch/modal/video-share.component.scss | 2 +- .../+video-watch/modal/video-share.component.ts | 8 +-- 7 files changed, 103 insertions(+), 95 deletions(-) (limited to 'client/src/app/videos') 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 @@
- + - + + +
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 7acab3744..9d068afde 100644 --- a/client/src/app/videos/+video-edit/video-add.component.scss +++ b/client/src/app/videos/+video-edit/video-add.component.scss @@ -13,52 +13,41 @@ $border-color: #EAEAEA; font-size: 15px; } -::ng-deep .root-tabset.video-add-tabset { - margin-top: 50px; - - &.hide-nav > .nav { - display: none !important; - } - - & > .nav { - border-bottom: $border-width $border-type $border-color; - margin: 0 !important; - - & > li { - margin-bottom: -$border-width; - } - - a.nav-link { - @include disable-default-a-behaviour; - - height: 40px !important; - padding: 0 30px !important; - font-size: 15px; - - &.active { - border: $border-width $border-type $border-color; - border-bottom: none; - background-color: var(--submenuColor) !important; - - span { - border-bottom: 2px solid var(--mainColor); - font-weight: $font-bold; - } +::ng-deep .video-add-nav { + border-bottom: $border-width $border-type $border-color; + margin: 50px 0 0 0 !important; + + a.nav-link { + @include disable-default-a-behaviour; + + margin-bottom: -$border-width; + height: 40px !important; + padding: 0 30px !important; + font-size: 15px; + + &.active { + border: $border-width $border-type $border-color; + border-bottom: none; + background-color: var(--submenuColor) !important; + + span { + border-bottom: 2px solid var(--mainColor); + font-weight: $font-bold; } } } +} - .upload-video-container { - border: $border-width $border-type $border-color; - border-top: none; - - background-color: var(--submenuColor); - border-radius: 3px; - width: 100%; - min-height: 440px; - padding-bottom: 20px; - display: flex; - justify-content: center; - align-items: center; - } +::ng-deep .upload-video-container { + border: $border-width $border-type $border-color; + border-top: none; + + background-color: var(--submenuColor); + border-radius: 3px; + width: 100%; + min-height: 440px; + padding-bottom: 20px; + display: flex; + justify-content: center; + align-items: center; } diff --git a/client/src/app/videos/+video-watch/modal/video-share.component.html b/client/src/app/videos/+video-watch/modal/video-share.component.html index dd2dd34ab..5e6a2d518 100644 --- a/client/src/app/videos/+video-watch/modal/video-share.component.html +++ b/client/src/app/videos/+video-watch/modal/video-share.component.html @@ -27,29 +27,33 @@
Share the video
- +