aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/shared-video-miniature
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared/shared-video-miniature')
-rw-r--r--client/src/app/shared/shared-video-miniature/video-miniature.component.html10
-rw-r--r--client/src/app/shared/shared-video-miniature/video-miniature.component.scss16
2 files changed, 15 insertions, 11 deletions
diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.html b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
index 9c11e7609..bc19127aa 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.html
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
@@ -10,10 +10,14 @@
10 <div class="video-bottom"> 10 <div class="video-bottom">
11 <div class="video-miniature-information"> 11 <div class="video-miniature-information">
12 <div class="d-flex video-miniature-meta"> 12 <div class="d-flex video-miniature-meta">
13 <a *ngIf="displayOptions.avatar && displayOwnerVideoChannel()" class="avatar" [routerLink]="[ '/video-channels', video.byVideoChannel ]" [title]="channelLinkTitle"> 13 <a *ngIf="displayOptions.avatar && displayOwnerVideoChannel()" class="channel-avatar" [routerLink]="[ '/video-channels', video.byVideoChannel ]" [title]="channelLinkTitle">
14 <img [src]="getAvatarUrl()" alt="" class="channel" /> 14 <img [src]="getAvatarUrl()" alt="" />
15 </a> 15 </a>
16 <my-account-avatar *ngIf="displayOptions.avatar && displayOwnerAccount()" [account]="video.account" size="40" [internalHref]="'/video-channels/' + video.byVideoChannel" [title]="channelLinkTitle"></my-account-avatar> 16
17 <my-account-avatar
18 *ngIf="displayOptions.avatar && displayOwnerAccount()" [title]="channelLinkTitle"
19 [account]="video.account" size="40" [internalHref]="'/video-channels/' + video.byVideoChannel"
20 ></my-account-avatar>
17 21
18 <div class="w-100 d-flex flex-column"> 22 <div class="w-100 d-flex flex-column">
19 <a *ngIf="!videoHref" tabindex="-1" class="video-miniature-name" 23 <a *ngIf="!videoHref" tabindex="-1" class="video-miniature-name"
diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
index bf52b870c..f6f2925f0 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.scss
@@ -13,12 +13,12 @@ $more-button-width: 40px;
13} 13}
14 14
15my-account-avatar, 15my-account-avatar,
16.avatar { 16.channel-avatar {
17 margin: 10px 10px 0 0; 17 margin: 10px 10px 0 0;
18}
18 19
19 img.channel { 20.channel-avatar img{
20 @include channel-avatar(40px); 21 @include channel-avatar(40px);
21 }
22} 22}
23 23
24.video-miniature-created-at-views { 24.video-miniature-created-at-views {
@@ -78,9 +78,9 @@ my-account-avatar,
78 } 78 }
79} 79}
80 80
81.video-miniature { 81.video-miniature:hover {
82 &:hover ::ng-deep .video-thumbnail-actions-overlay, 82 ::ng-deep .video-thumbnail-actions-overlay,
83 &:hover .video-actions ::ng-deep .dropdown-root { 83 .video-actions ::ng-deep .dropdown-root {
84 opacity: 1 !important; 84 opacity: 1 !important;
85 } 85 }
86} 86}
@@ -153,7 +153,7 @@ my-account-avatar,
153 } 153 }
154 154
155 // We don't display avatar in row mode 155 // We don't display avatar in row mode
156 .avatar { 156 .channel-avatar {
157 display: none; 157 display: none;
158 } 158 }
159 159