aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/search/search.component.scss
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/search/search.component.scss')
-rw-r--r--client/src/app/search/search.component.scss49
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 {