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/video-add.component.scss | |
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/video-add.component.scss')
-rw-r--r-- | client/src/app/videos/+video-edit/video-add.component.scss | 77 |
1 files changed, 33 insertions, 44 deletions
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; | |||
13 | font-size: 15px; | 13 | font-size: 15px; |
14 | } | 14 | } |
15 | 15 | ||
16 | ::ng-deep .root-tabset.video-add-tabset { | 16 | ::ng-deep .video-add-nav { |
17 | margin-top: 50px; | 17 | border-bottom: $border-width $border-type $border-color; |
18 | 18 | margin: 50px 0 0 0 !important; | |
19 | &.hide-nav > .nav { | 19 | |
20 | display: none !important; | 20 | a.nav-link { |
21 | } | 21 | @include disable-default-a-behaviour; |
22 | 22 | ||
23 | & > .nav { | 23 | margin-bottom: -$border-width; |
24 | border-bottom: $border-width $border-type $border-color; | 24 | height: 40px !important; |
25 | margin: 0 !important; | 25 | padding: 0 30px !important; |
26 | 26 | font-size: 15px; | |
27 | & > li { | 27 | |
28 | margin-bottom: -$border-width; | 28 | &.active { |
29 | } | 29 | border: $border-width $border-type $border-color; |
30 | 30 | border-bottom: none; | |
31 | a.nav-link { | 31 | background-color: var(--submenuColor) !important; |
32 | @include disable-default-a-behaviour; | 32 | |
33 | 33 | span { | |
34 | height: 40px !important; | 34 | border-bottom: 2px solid var(--mainColor); |
35 | padding: 0 30px !important; | 35 | font-weight: $font-bold; |
36 | font-size: 15px; | ||
37 | |||
38 | &.active { | ||
39 | border: $border-width $border-type $border-color; | ||
40 | border-bottom: none; | ||
41 | background-color: var(--submenuColor) !important; | ||
42 | |||
43 | span { | ||
44 | border-bottom: 2px solid var(--mainColor); | ||
45 | font-weight: $font-bold; | ||
46 | } | ||
47 | } | 36 | } |
48 | } | 37 | } |
49 | } | 38 | } |
39 | } | ||
50 | 40 | ||
51 | .upload-video-container { | 41 | ::ng-deep .upload-video-container { |
52 | border: $border-width $border-type $border-color; | 42 | border: $border-width $border-type $border-color; |
53 | border-top: none; | 43 | border-top: none; |
54 | 44 | ||
55 | background-color: var(--submenuColor); | 45 | background-color: var(--submenuColor); |
56 | border-radius: 3px; | 46 | border-radius: 3px; |
57 | width: 100%; | 47 | width: 100%; |
58 | min-height: 440px; | 48 | min-height: 440px; |
59 | padding-bottom: 20px; | 49 | padding-bottom: 20px; |
60 | display: flex; | 50 | display: flex; |
61 | justify-content: center; | 51 | justify-content: center; |
62 | align-items: center; | 52 | align-items: center; |
63 | } | ||
64 | } | 53 | } |