diff options
Diffstat (limited to 'client/src/app/shared/video')
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 | ||