diff options
Diffstat (limited to 'client/src/app/search/search.component.scss')
-rw-r--r-- | client/src/app/search/search.component.scss | 49 |
1 files changed, 5 insertions, 44 deletions
diff --git a/client/src/app/search/search.component.scss b/client/src/app/search/search.component.scss index 6de13d276..4e3ce1c96 100644 --- a/client/src/app/search/search.component.scss +++ b/client/src/app/search/search.component.scss | |||
@@ -55,53 +55,14 @@ | |||
55 | padding-bottom: 20px; | 55 | padding-bottom: 20px; |
56 | margin-bottom: 20px; | 56 | margin-bottom: 20px; |
57 | 57 | ||
58 | &.video { | ||
59 | |||
60 | my-video-thumbnail { | ||
61 | margin-right: 10px; | ||
62 | } | ||
63 | |||
64 | .video-info { | ||
65 | flex-grow: 1; | ||
66 | |||
67 | .video-info-name { | ||
68 | @include disable-default-a-behaviour; | ||
69 | |||
70 | color: var(--mainForegroundColor); | ||
71 | display: block; | ||
72 | width: fit-content; | ||
73 | font-size: 18px; | ||
74 | font-weight: $font-semibold; | ||
75 | } | ||
76 | |||
77 | .video-info-date-views { | ||
78 | font-size: 14px; | ||
79 | } | ||
80 | |||
81 | .video-info-account { | ||
82 | @include disable-default-a-behaviour; | ||
83 | |||
84 | display: block; | ||
85 | width: fit-content; | ||
86 | overflow: hidden; | ||
87 | text-overflow: ellipsis; | ||
88 | white-space: nowrap; | ||
89 | font-size: 14px; | ||
90 | color: $grey-foreground-color; | ||
91 | |||
92 | &:hover { | ||
93 | color: $grey-foreground-hover-color; | ||
94 | } | ||
95 | } | ||
96 | } | ||
97 | } | ||
98 | |||
99 | &.video-channel { | 58 | &.video-channel { |
100 | |||
101 | img { | 59 | img { |
102 | @include avatar(120px); | 60 | $image-size: 130px; |
61 | $margin-size: ($video-thumbnail-width - $image-size) / 2; // So we have the same width than the video miniature | ||
62 | |||
63 | @include avatar($image-size); | ||
103 | 64 | ||
104 | margin: 0 50px 0 40px; | 65 | margin: 0 ($margin-size + 10) 0 $margin-size; |
105 | } | 66 | } |
106 | 67 | ||
107 | .video-channel-info { | 68 | .video-channel-info { |