diff --git a/pug/includes/video-list-item.pug b/pug/includes/video-list-item.pug index 3a3fa81..5357c37 100644 --- a/pug/includes/video-list-item.pug +++ b/pug/includes/video-list-item.pug @@ -3,8 +3,9 @@ mixin video_list_item(className, video, instanceOrigin, options = {}) - let link = `/watch?v=${video.videoId}` if options.continuous - link += `&continuous=1&session-watched=${sessionWatchedNext}` - a(href=link tabindex="-1").thumbnail - img(src=`/vi/${video.videoId}/mqdefault.jpg` width=320 height=180 alt="").image + div.thumbnail + a(href=link tabindex="-1").thumbnail__link + img(src=`/vi/${video.videoId}/mqdefault.jpg` width=320 height=180 alt="").image if video.second__lengthText != undefined span.duration= video.second__lengthText .info diff --git a/sass/includes/video-list-item.sass b/sass/includes/video-list-item.sass index b761b9c..576ac05 100644 --- a/sass/includes/video-list-item.sass +++ b/sass/includes/video-list-item.sass @@ -25,6 +25,9 @@ display: flex background: c.$bg-darkest + &__link + font-size: 0 // remove whitespace around the image + .image width: 160px height: 90px @@ -39,6 +42,7 @@ line-height: 1 padding: 3px 5px 4px border-radius: 4px + pointer-events: none .title font-size: 15px