posts: show length of videos and animations in thumbnails.
Show the length of videos and animated posts in the thumbnail. The length is shown the top left corner in MM:SS format. This replaces the play button icon. Show a speaker icon instead of a music note icon for posts with sound. Doing this requires doing `.includes(:media_asset)` in a bunch of places to avoid N+1 queries when we access the post's duration.
This commit is contained in:
@@ -14,28 +14,6 @@ div#c-comments {
|
||||
}
|
||||
}
|
||||
|
||||
div.post-preview {
|
||||
&[data-tags~=animated], &[data-file-ext=swf], &[data-file-ext=webm], &[data-file-ext=zip], &[data-file-ext=mp4] {
|
||||
div.preview {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
@include animated-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&[data-has-sound=true] {
|
||||
div.preview {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
@include sound-icon;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div.post {
|
||||
display: flex;
|
||||
margin-bottom: 4em;
|
||||
|
||||
Reference in New Issue
Block a user