diff --git a/pages/profile/watching.scarlet b/pages/profile/watching.scarlet index 0e37f03a..3cd77f89 100644 --- a/pages/profile/watching.scarlet +++ b/pages/profile/watching.scarlet @@ -6,11 +6,4 @@ margin 0.25rem .profile-watching-list-item-image - width 55px !important - height 78px !important - border-radius 2px - filter none - transition filter transition-speed ease, opacity transition-speed ease - - :hover - filter saturate(1.3) \ No newline at end of file + anime-cover-image-mini \ No newline at end of file diff --git a/pages/soundtrack/soundtrack.pixy b/pages/soundtrack/soundtrack.pixy index 453ee76b..37640406 100644 --- a/pages/soundtrack/soundtrack.pixy +++ b/pages/soundtrack/soundtrack.pixy @@ -14,6 +14,14 @@ component Track(track *arn.SoundTrack) .sound-track-media ExternalMedia(media) + .widget.mountable + h3.widget-title Anime + + .sound-track-anime-list + each anime in track.Anime() + a.sound-track-anime-list-item.ajax(href=anime.Link(), title=anime.Title.Canonical) + img.sound-track-anime-list-item-image.lazy(data-src=anime.Image.Tiny, alt=anime.Title.Canonical) + .widget.mountable h3.widget-title Tags ul diff --git a/pages/soundtrack/soundtrack.scarlet b/pages/soundtrack/soundtrack.scarlet index b82c9ba3..692df7bc 100644 --- a/pages/soundtrack/soundtrack.scarlet +++ b/pages/soundtrack/soundtrack.scarlet @@ -3,4 +3,13 @@ .sound-track-media iframe - width 100% \ No newline at end of file + width 100% + +.sound-track-anime-list + horizontal-wrap + +.sound-track-anime-list-item + // + +.sound-track-anime-list-item-image + anime-cover-image-mini \ No newline at end of file diff --git a/styles/include/mixins.scarlet b/styles/include/mixins.scarlet index 0f8294ad..417c1f49 100644 --- a/styles/include/mixins.scarlet +++ b/styles/include/mixins.scarlet @@ -42,6 +42,16 @@ mixin clip-long-text white-space nowrap text-overflow ellipsis +mixin anime-cover-image-mini + width 55px !important + height 78px !important + border-radius 2px + filter none + transition filter transition-speed ease, opacity transition-speed ease + + :hover + filter saturate(1.3) + mixin bg-dark-up background-color transparent :hover