diff options
Diffstat (limited to 'client/src/app/+videos/+video-edit')
-rw-r--r-- | client/src/app/+videos/+video-edit/video-add.component.scss | 31 |
1 files changed, 2 insertions, 29 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 0f0cc406c..dda868789 100644 --- a/client/src/app/+videos/+video-edit/video-add.component.scss +++ b/client/src/app/+videos/+video-edit/video-add.component.scss | |||
@@ -1,5 +1,6 @@ | |||
1 | @use '_variables' as *; | 1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | 2 | @use '_mixins' as *; |
3 | @use '_nav' as *; | ||
3 | 4 | ||
4 | $border-width: 3px; | 5 | $border-width: 3px; |
5 | $border-type: solid; | 6 | $border-type: solid; |
@@ -51,39 +52,11 @@ $nav-link-height: 40px; | |||
51 | } | 52 | } |
52 | 53 | ||
53 | ::ng-deep .video-add-nav { | 54 | ::ng-deep .video-add-nav { |
54 | border-bottom: $border-width $border-type $border-color; | 55 | @include peertube-nav-tabs($border-width, $border-type, $border-color, $nav-link-height); |
55 | margin: 20px 0 0 !important; | ||
56 | |||
57 | &.hide-nav { | ||
58 | display: none !important; | ||
59 | } | ||
60 | 56 | ||
61 | a.nav-link { | 57 | a.nav-link { |
62 | @include disable-default-a-behaviour; | ||
63 | |||
64 | margin-bottom: -$border-width; | ||
65 | height: $nav-link-height !important; | ||
66 | padding: 0 30px !important; | ||
67 | font-size: 15px; | ||
68 | |||
69 | border: $border-width $border-type transparent; | ||
70 | |||
71 | span { | ||
72 | border-bottom: 2px solid transparent; | ||
73 | } | ||
74 | |||
75 | &.active { | 58 | &.active { |
76 | border-color: $border-color; | ||
77 | border-bottom-color: transparent; | ||
78 | background-color: pvar(--submenuBackgroundColor) !important; | 59 | background-color: pvar(--submenuBackgroundColor) !important; |
79 | |||
80 | span { | ||
81 | border-bottom-color: pvar(--mainColor); | ||
82 | } | ||
83 | } | ||
84 | |||
85 | &:hover:not(.active) { | ||
86 | border-color: transparent; | ||
87 | } | 60 | } |
88 | } | 61 | } |
89 | } | 62 | } |