diff options
| author | Chocobozzz <me@florianbigard.com> | 2023-03-15 14:20:26 +0100 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2023-03-15 14:28:27 +0100 |
| commit | dc9c9500bf5f0fd66906576ee3df4f1c49a1871d (patch) | |
| tree | 347853ac17beb366bac111e3bc3e3acae31ca267 /client/src/app/shared/shared-video-playlist | |
| parent | 5ccf98a4ecc39d1b50df5b748e885683f71276a9 (diff) | |
| download | PeerTube-dc9c9500bf5f0fd66906576ee3df4f1c49a1871d.tar.gz PeerTube-dc9c9500bf5f0fd66906576ee3df4f1c49a1871d.tar.zst PeerTube-dc9c9500bf5f0fd66906576ee3df4f1c49a1871d.zip | |
Improve accessibility
Diffstat (limited to 'client/src/app/shared/shared-video-playlist')
| -rw-r--r-- | client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html | 6 | ||||
| -rw-r--r-- | client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss | 2 |
2 files changed, 4 insertions, 4 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html index 1dd68b09e..3b34c71ce 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html +++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.html | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | <div class="miniature" [ngClass]="{ 'no-videos': playlist.videosLength === 0, 'to-manage': toManage, 'display-as-row': displayAsRow }"> | 1 | <div class="miniature" [ngClass]="{ 'no-videos': playlist.videosLength === 0, 'to-manage': toManage, 'display-as-row': displayAsRow }"> |
| 2 | <my-link | 2 | <my-link |
| 3 | [internalLink]="routerLink" [href]="playlistHref" [target]="playlistTarget" | 3 | [internalLink]="routerLink" [href]="playlistHref" [target]="playlistTarget" [inheritParentCSS]="true" |
| 4 | [title]="playlist.description" class="miniature-thumbnail" | 4 | [title]="playlist.description" class="miniature-thumbnail" |
| 5 | > | 5 | > |
| 6 | <img alt="" [attr.aria-labelledby]="playlist.displayName" [attr.src]="playlist.thumbnailUrl" /> | 6 | <img alt="" [attr.aria-labelledby]="playlist.displayName" [attr.src]="playlist.thumbnailUrl" /> |
| @@ -16,8 +16,8 @@ | |||
| 16 | 16 | ||
| 17 | <div class="miniature-info"> | 17 | <div class="miniature-info"> |
| 18 | <my-link | 18 | <my-link |
| 19 | [internalLink]="routerLink" [href]="playlistHref" [target]="playlistTarget" | 19 | [internalLink]="routerLink" [href]="playlistHref" [target]="playlistTarget" [inheritParentCSS]="true" |
| 20 | [title]="playlist.description" class="miniature-name" tabindex="-1" | 20 | [title]="playlist.description" class="miniature-name" className="ellipsis-multiline-2" |
| 21 | > | 21 | > |
| 22 | {{ playlist.displayName }} | 22 | {{ playlist.displayName }} |
| 23 | </my-link> | 23 | </my-link> |
diff --git a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss index d43afad28..2d8377e7b 100644 --- a/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-playlist-miniature.component.scss | |||
| @@ -95,7 +95,7 @@ | |||
| 95 | display: flex; | 95 | display: flex; |
| 96 | 96 | ||
| 97 | .miniature-name { | 97 | .miniature-name { |
| 98 | @include ellipsis-multiline($video-miniature-row-name-font-size, 2); | 98 | font-size: $video-miniature-row-name-font-size; |
| 99 | } | 99 | } |
| 100 | 100 | ||
| 101 | .miniature-thumbnail { | 101 | .miniature-thumbnail { |