diff options
Diffstat (limited to 'client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss')
-rw-r--r-- | client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss index 45190a3e3..26bead124 100644 --- a/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss +++ b/client/src/app/+videos/+video-watch/shared/metadata/video-attributes.component.scss | |||
@@ -1,13 +1,13 @@ | |||
1 | @use '_variables' as *; | 1 | @use '_variables' as *; |
2 | @use '_mixins' as *; | 2 | @use '_mixins' as *; |
3 | 3 | ||
4 | .video-attribute { | 4 | .attribute { |
5 | font-size: 13px; | 5 | font-size: 13px; |
6 | display: block; | 6 | display: block; |
7 | margin-bottom: 12px; | 7 | margin-bottom: 12px; |
8 | } | 8 | } |
9 | 9 | ||
10 | .video-attribute-label { | 10 | .attribute-label { |
11 | @include padding-right(5px); | 11 | @include padding-right(5px); |
12 | 12 | ||
13 | min-width: 142px; | 13 | min-width: 142px; |
@@ -16,7 +16,7 @@ | |||
16 | font-weight: $font-bold; | 16 | font-weight: $font-bold; |
17 | } | 17 | } |
18 | 18 | ||
19 | a.video-attribute-value { | 19 | a.attribute-value { |
20 | @include disable-default-a-behaviour; | 20 | @include disable-default-a-behaviour; |
21 | color: pvar(--mainForegroundColor); | 21 | color: pvar(--mainForegroundColor); |
22 | 22 | ||
@@ -25,16 +25,22 @@ a.video-attribute-value { | |||
25 | } | 25 | } |
26 | } | 26 | } |
27 | 27 | ||
28 | .video-attribute-tags { | 28 | .attribute-tags { |
29 | .video-attribute-value:not(:nth-child(2)) { | 29 | .attribute-value:not(:nth-child(2)) { |
30 | &::before { | 30 | &::before { |
31 | content: ', '; | 31 | content: ', '; |
32 | } | 32 | } |
33 | } | 33 | } |
34 | } | 34 | } |
35 | 35 | ||
36 | .glyphicon-new-window { | ||
37 | color: pvar(--inputPlaceholderColor); | ||
38 | margin-left: 5px; | ||
39 | font-size: 12px; | ||
40 | } | ||
41 | |||
36 | @media screen and (max-width: 1600px) { | 42 | @media screen and (max-width: 1600px) { |
37 | .video-attributes .video-attribute { | 43 | .attributes .attribute { |
38 | margin-bottom: 5px; | 44 | margin-bottom: 5px; |
39 | } | 45 | } |
40 | } | 46 | } |