diff options
Diffstat (limited to 'client/src/app/+videos')
-rw-r--r-- | client/src/app/+videos/+video-edit/video-add.component.scss | 19 |
1 files changed, 14 insertions, 5 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 0ad57d897..b9fef9fce 100644 --- a/client/src/app/+videos/+video-edit/video-add.component.scss +++ b/client/src/app/+videos/+video-edit/video-add.component.scss | |||
@@ -30,16 +30,25 @@ $nav-link-height: 40px; | |||
30 | padding: 0 30px !important; | 30 | padding: 0 30px !important; |
31 | font-size: 15px; | 31 | font-size: 15px; |
32 | 32 | ||
33 | border: $border-width $border-type transparent; | ||
34 | |||
35 | span { | ||
36 | border-bottom: 2px solid transparent; | ||
37 | } | ||
38 | |||
33 | &.active { | 39 | &.active { |
34 | border: $border-width $border-type $border-color; | 40 | border-color: $border-color; |
35 | border-bottom: none; | 41 | border-bottom-color: transparent; |
36 | background-color: pvar(--submenuColor) !important; | 42 | background-color: pvar(--submenuColor) !important; |
37 | 43 | ||
38 | span { | 44 | span { |
39 | border-bottom: 2px solid pvar(--mainColor); | 45 | border-bottom-color: pvar(--mainColor); |
40 | font-weight: $font-bold; | ||
41 | } | 46 | } |
42 | } | 47 | } |
48 | |||
49 | &:hover:not(.active) { | ||
50 | border-color: transparent; | ||
51 | } | ||
43 | } | 52 | } |
44 | } | 53 | } |
45 | 54 | ||
@@ -71,7 +80,7 @@ $nav-link-height: 40px; | |||
71 | 80 | ||
72 | /* Hide active tab style to not have a moving tab effect */ | 81 | /* Hide active tab style to not have a moving tab effect */ |
73 | a.nav-link.active { | 82 | a.nav-link.active { |
74 | border: none; | 83 | border-color: transparent; |
75 | background-color: pvar(--mainBackgroundColor) !important; | 84 | background-color: pvar(--mainBackgroundColor) !important; |
76 | } | 85 | } |
77 | } | 86 | } |