aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/shared/video
diff options
context:
space:
mode:
Diffstat (limited to 'client/src/app/shared/video')
-rw-r--r--client/src/app/shared/video/abstract-video-list.html2
-rw-r--r--client/src/app/shared/video/video-miniature.component.html2
-rw-r--r--client/src/app/shared/video/video-miniature.component.scss10
3 files changed, 9 insertions, 5 deletions
diff --git a/client/src/app/shared/video/abstract-video-list.html b/client/src/app/shared/video/abstract-video-list.html
index 9e551c1c8..54557df6b 100644
--- a/client/src/app/shared/video/abstract-video-list.html
+++ b/client/src/app/shared/video/abstract-video-list.html
@@ -10,7 +10,7 @@
10 <div class="action-block" *ngIf="actions.length > 0"> 10 <div class="action-block" *ngIf="actions.length > 0">
11 <a [routerLink]="action.routerLink" routerLinkActive="active" *ngFor="let action of actions"> 11 <a [routerLink]="action.routerLink" routerLinkActive="active" *ngFor="let action of actions">
12 <button class="btn"> 12 <button class="btn">
13 <my-global-icon [iconName]="action.iconName"></my-global-icon> 13 <my-global-icon [iconName]="action.iconName" aria-hidden="true"></my-global-icon>
14 <span>{{ action.label }}</span> 14 <span>{{ action.label }}</span>
15 </button> 15 </button>
16 </a> 16 </a>
diff --git a/client/src/app/shared/video/video-miniature.component.html b/client/src/app/shared/video/video-miniature.component.html
index d37ab478d..992c16585 100644
--- a/client/src/app/shared/video/video-miniature.component.html
+++ b/client/src/app/shared/video/video-miniature.component.html
@@ -9,7 +9,7 @@
9 9
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-inline-flex"> 12 <div class="d-inline-flex video-miniature-meta">
13 <div *ngIf="displayOptions.avatar" class="avatar"> 13 <div *ngIf="displayOptions.avatar" class="avatar">
14 <img [src]="getAvatarUrl()" alt="Avatar" /> 14 <img [src]="getAvatarUrl()" alt="Avatar" />
15 </div> 15 </div>
diff --git a/client/src/app/shared/video/video-miniature.component.scss b/client/src/app/shared/video/video-miniature.component.scss
index 4e7c9fb57..d926c4dec 100644
--- a/client/src/app/shared/video/video-miniature.component.scss
+++ b/client/src/app/shared/video/video-miniature.component.scss
@@ -2,7 +2,7 @@
2@import '_mixins'; 2@import '_mixins';
3@import '_miniature'; 3@import '_miniature';
4 4
5$more-button-width: 41px; 5$more-button-width: 40px;
6$more-margin-right: 15px; 6$more-margin-right: 15px;
7 7
8.video-miniature { 8.video-miniature {
@@ -11,7 +11,6 @@ $more-margin-right: 15px;
11 padding-bottom: $video-miniature-margin-bottom; 11 padding-bottom: $video-miniature-margin-bottom;
12 height: 195px; 12 height: 195px;
13 vertical-align: top; 13 vertical-align: top;
14 overflow: hidden;
15 14
16 .video-bottom { 15 .video-bottom {
17 display: flex; 16 display: flex;
@@ -32,6 +31,11 @@ $more-margin-right: 15px;
32 @include miniature-name; 31 @include miniature-name;
33 } 32 }
34 33
34 .video-miniature-meta {
35 width: calc(100% + #{$more-button-width});
36 overflow: hidden;
37 }
38
35 .video-miniature-created-at-views { 39 .video-miniature-created-at-views {
36 display: block; 40 display: block;
37 font-size: 13px; 41 font-size: 13px;
@@ -122,7 +126,7 @@ $more-margin-right: 15px;
122 width: 100% !important; 126 width: 100% !important;
123 127
124 .video-miniature-information { 128 .video-miniature-information {
125 width: calc(100% - 40px) !important; 129 width: calc(100% - #{$more-button-width}) !important;
126 } 130 }
127 } 131 }
128 132