~cadence/cloudtube

1982ebf9e405d97ef7806f561e6025aafc6fb8b0 — Cadence Ember 12 days ago 7caa4fb
Rework thumbnails to make future changes possible
2 files changed, 7 insertions(+), 2 deletions(-)

M pug/includes/video-list-item.pug
M sass/includes/video-list-item.sass
M pug/includes/video-list-item.pug => pug/includes/video-list-item.pug +3 -2
@@ 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

M sass/includes/video-list-item.sass => sass/includes/video-list-item.sass +4 -0
@@ 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